/*
Theme Name: Arthroscopie
Author: Media-Squad
Author URI: http://www.media-squad.fr/
Description: Nouvelle version du site Arthroscopie.
Version: 1.0
*/
/*-----FONTS-----*/
@font-face {
	font-family: 'optima bold italic';
	src: url('fonts/optimaltstd-bolditalic-webfont.eot');
	src: local('☺'), url('fonts/optimaltstd-bolditalic-webfont.woff') format('woff'), url('fonts/optimaltstd-bolditalic-webfont.ttf') format('truetype'), url('fonts/optimaltstd-bolditalic-webfont.svg#webfontGEoVUm27') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'optima';
	src: url('fonts/optimaltstd-webfont.eot');
	src: local('☺'), url('fonts/optimaltstd-webfont.woff') format('woff'), url('fonts/optimaltstd-webfont.ttf') format('truetype'), url('fonts/optimaltstd-webfont.svg#webfontMTbU41gt') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'optima bold';
	src: url('fonts/optimaltstd-bold-webfont.eot');
	src: local('☺'), url('fonts/optimaltstd-bold-webfont.woff') format('woff'), url('fonts/optimaltstd-bold-webfont.ttf') format('truetype'), url('fonts/optimaltstd-bold-webfont.svg#webfontQyxt5lEU') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'optima italic';
	src: url('fonts/optimaltstd-italic-webfont.eot');
	src: local('☺'), url('fonts/optimaltstd-italic-webfont.woff') format('woff'), url('fonts/optimaltstd-italic-webfont.ttf') format('truetype'), url('fonts/optimaltstd-italic-webfont.svg#webfontmJeG1MTq') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {
    height:100%;
    width:100%;
}

body {
    background: url('images/bg.png')repeat-y center 0 #EFEFEF;
    font-family: 'optima',sans-serif;
}
#page {
    margin:0 auto;
    height:100%;
    width:942px;
    padding: 0 19px 0 19px;    
}
#logo {
    float:left;    
}
.logotitre a {
    font-size:20px;
    font-variant: small-caps;
    text-decoration: none;
    color:black;
    padding-bottom:5px;
    border-bottom: 1px solid black;
    font-weight:bold;
}
.slogan {
    font-size:14px;    
}
#infosutiles {
    float:right;
    text-align: right;
}
#infosutiles p {
    margin:0;
}
#centre {
    float:left;
    display:block;
    width: 942px;
    background-color:#d2e0f2;
    padding:0px 0 0 0;
}
#left {
    float:left;
    width: 693px;
    margin:9px 0 9px 0;
    padding:0px 0 0px 0;
}
#col_left {
    float:left;
    width:152px;
    margin: 9px 18px 9px 18px;
}
#col_right {
    float:left;
    width:432px;
    padding: 0px 10px 0px 45px;
    margin: 9px 0 9px 9px;
    min-height: 700px;
}
ul.sousrubriques li {
    list-style-type: none;
    background: url('images/fleche.png') no-repeat 0px 5px;
    padding: 4px 0 4px 20px;  
}
ul.sousrubriques li ul {
    padding: 4px 0 4px 30px;
    margin:0;  
}
ul.sousrubriques li ul li {
    list-style-type:circle;
    background:none;
    padding: 4px 0 4px 0px; 
    font-size: smaller; 
}
#col_right #breadcrumbs {font-size: 12px;}
.bg {background: url('images/bg-centre.png') repeat-y 9px 0px;}
.bgwhite {background-color: white;}
#contenu {
    width: 635px;
    padding:1px 15px 9px 15px;
    margin: 9px 0 9px 18px;
}
#contenu p, #contenu ul, #col_right ul, #col_right p {
    font-size: 14px;
}
#contenu #breadcrumbs {font-size: 12px;}
#contenu a, #col_right a, #col_right a:visited { border-bottom:1px dotted black;text-decoration:none;color: black; }
#sidebar {
    float:right;
    width: 227px;
    height:auto;
    padding:9px 8px 9px 0;
}
h1 { font-size: 26px;margin: 30px 0 30px 0;}
h2 { font-size: 16px; }
h3 { margin:0;}
p,label {
    font-size:13px;
}
.encart {
    background: white;
    margin-top:8px;
}
.titre_encart {
    color:white;
    background: url('images/picto-fleche.png') no-repeat 10px center #5f7891;
    padding:5px 0 5px 35px;
    font-size:16px;
    text-transform: uppercase;
    font-weight:normal;
    text-decoration:none;
}
#sidebar a {
    text-decoration:none;
}
#ecorche-vif {
    width:227px;
    height: 295px ;
    background: url(images/ecorche-vif.jpg) no-repeat;
}
#encartcontact {
    background: #9bafbc;
}
#encartcontact form {
    padding:10px 10px 10px 10px;
}
#encartcontact p {
    margin:0;
}
#encartcontact input[type=text] {
    margin:0 0 8px 0;
    width:202px;
    border:0;
    padding-left:5px;
    font-size:12px;
    line-height:18px;
    font-family: 'optima',sans-serif;
}
#encartcontact input[type=email] {
    margin:0 0 8px 0;
    width:202px;
    border:0;
    padding-left:5px;
    font-size:12px;
    line-height:18px;
    font-family: 'optima',sans-serif;
}
#encartcontact textarea {
    margin:0 0 8px 0;
    width:199px;
    height:80px;
    border:0;
    padding-left:5px;
    font-size:12px;
    font-family: 'optima',sans-serif;
}
#encartcontact input[type=submit], #wpcf7-f333-p17-o1 input[type=submit] {  
    float:right;
    background: url(images/bt_envoyer.png) no-repeat;
    border:0;
    width:91px;
    height:22px;
    cursor:pointer;
    margin: -3px 0 0px 0;
}
#encartcontact input[type=submit] {  
font-size:0px;
}
#wpcf7-f333-p17-o1 {
    background: #9bafbc;
}
#wpcf7-f333-p17-o1 form {
    padding:10px 10px 10px 10px;
}
#wpcf7-f333-p17-o1 p {
    margin:0;
}
#wpcf7-f333-p17-o1 input[type=text] {
    margin:0 0 8px 0;
    width:400px;
    border:0;
    padding-left:5px;
    font-size:12px;
    line-height:18px;
    font-family: 'optima',sans-serif;
}
#wpcf7-f333-p17-o1 textarea {
    margin:0 0 8px 0;
    width:608px;
    height:100px;
    border:0;
    padding-left:5px;
    font-size:12px;
    font-family: 'optima',sans-serif;
}

#encartcontact #captcha {
    float:right;
    width:130px;
}
#chapo {
    width:667px;
    height: 183px ;
    background: url(images/bg-chapo.jpg) no-repeat; 
    padding: 18px 0 0 18px;
    margin-left:9px;  
}
#chapo p {
    margin:0;
    padding:0;
    width:450px; 
    color:white;
    text-align: justify;
}
#encartbas {
    float:left;
    width:667px;
    height:105px;
    background: url(images/bg-basdepage.jpg) no-repeat; 
    margin-left:9px;
    padding: 28px 0 0 18px;  
}
#encartbas p {
    margin:0 0 10px 0;      
}
#encartbas a {
    color:#1a171b;
    text-decoration: none;     
}
#encartbas a:hover {
    color:#1a171b;
    text-decoration: underline;     
}
dl#sousrubriques {
    float:left;
    margin:0;
    padding:0;
}
dl#sousrubriques dt {
    float:left;
    width: 180px;
    height:70px;
    background-color:white;
    margin:0 0 9px 9px;
    padding:10px 10px 10px 10px;
    text-transform: uppercase;
}
dl#sousrubriques dd {
    float:right;
    width: 447px;
    height:69px;
    overflow: no-content;
    background-color:white;
    margin:0 0 9px 9px;
    padding:11px 14px 10px 14px; 
}
dl#sousrubriques p {

    color:#1a171b;
    font-size:13px;
    margin:0;
    vertical-align:middle;
}
dl#sousrubriques p a {
    color:#1a171b;
    font-size:12px;
    text-decoration: none;
}
dl#sousrubriques p a:hover {
    text-decoration: underline;
}
dl#sousrubriques dt p img {
    vertical-align:middle;
    margin-right: 10px;
}
dl#sousrubriques dd a {
    text-decoration:none;
    color:#5f7891;
    border-bottom: 1px dotted #5f7891;
}
dl#sousrubriques dd a:hover {
    text-decoration:none;
}
.read_more {
    clear: both;
    position: relative;
    width:400px;
    top:0px;
    left: 385px;
    font-size:11px;
}

#footer {
    float:left;
    width:944px;
    margin:8px 0 10px 0;
    /*background: url('images/bg-footer.png') repeat-x ;*/
}
#footer a {
    color:white;
    text-decoration: none;
}
#footer ul {
    width:944px;    
    float:left;
    font-size:14px;
    list-style-type: none;
    text-align: center;
    margin:0 auto;
    padding:0;
    background-color: #5f7891;
}
#footer ul li {
    float:left;
    width:147px;
    font-size:15px;
    padding: 10px 10px 0px 0px;
    margin:0 0 10px 0;
    background-color: #9bafbc;
    text-transform: uppercase;
}
#footer ul li:first-child {
    padding: 10px 10px 0px 1px;
}
#footer ul li:last-child {
    padding: 10px 11px 0px 0px;
}
#footer ul li a {
    padding: 0px 0px 10px 0px;
}
#footer ul li ul {
    width: auto;
    float:left;
    padding: 0px 5px 0px 5px;
    color:white;
    text-transform: none;
    background-color: #5f7891;
    margin:0;
    text-align: center;
}
#footer ul li ul li {
    float:left;
    text-align: left;
    width:137px;
    font-size:12px;
    padding: 10px 0px 0px 0px;
    color:white;
    text-transform: none;
    margin:0;
    background-color: #5f7891;
}
#liensfooter{
    float:left;
	width: 944px;
    text-align: center;
    font-size:12px;
    padding-top:5px;
}
#liensfooter a {
    color:black;
    border-bottom:1px dotted black;
}
#liensfooter table {
    width:944px;
}
#liensfooter table tr td.topright {
    text-align: right;
    vertical-align: text-top;
}
#liensfooter table tr td.topleft {
    vertical-align: text-top;
    text-align: left;
}
#honcode {
    margin-top: 20px;
    width: 200px;
    text-align: center;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: url(images/bg-menu.png) repeat-x;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px;
	width: 944px;
	text-transform: uppercase;
    height: 36px;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 0;

}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 36px;
	padding: 0 1.2125em;
	text-decoration: none;

}

#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 36px;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
    	text-transform: none;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
    color:black;
}
#access li:hover > a,
#access a:focus {
	/*background: #f9f9f9;  Show a solid color for older browsers
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737; */
    background: url(images/bg-menu-hover.png) repeat-x;
    color: white;    
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}


.nivoslider-288 {
    display:block;
    float:left;
    width:945px;
    height:260px;
    padding: 14px 0 0 0;
    background-color:white;
}

.ss-titre-question {
    background-color: #EEEEEE;
}
#evaluation li {
    list-style-type: none;
}
.boutonrecherche {
    background-color:black ;
    color:white;
    border:1px solid black;
    line-height:18px;
    cursor:pointer
}
.drapeau {
    margin:0 0 3px 0;
}