/***************** *************************/
* { padding:0; margin:0;  color: #000000; font-size:11px; font-family:Arial, Helvetica, sans-serif  }
h1, h2, h3 { }
body, html { background: #333531;  }
body {font:11px Arial, Helvetica, sans-serif; text-align:justify; background-color:#fff;}
a:visited, a:active, a:link {text-decoration: none; font-size:11px; color:#000000}
a:hover { text-decoration:underline}
img { border:non}
p {font: Arial, Helvetica, sans-serif}
object { outline:none}
.float_left { float:left}
.float_right { float:right}
.bold { font-weight:bold; color:#000000}
.clear { clear:both; height:1px}
/***************** *************************/


#global { width: 980px; background:#ffffff; margin:0 auto 0 auto}
#flash_header { width: 980px; height:320px; display:none }
#hp_col_haut { height:225px; background:url(images/bgr_hp_col_haut.jpg) top left repeat-x; padding: 26px 0 0 0 }
#hp_col_haut .focus { width:282px; height:177px; background:url(images/bgr_focus.png); float:left; margin-left:20px; padding: 10px 5px 10px 10px}
#hp_col_haut .last_focus {  margin-right: 0}	
#hp_galerie { width:693px; margin:31px auto 30px auto;}



#page_left .focus { width:282px; height:177px; background:url(images/bgr_focus.png); float:left; margin-right: 37px; padding: 10px 5px 10px 10px}


.focus img { padding:5px; border:none}
.focus .focus_titre { margin:10px 0 0 0; height:27px; padding:0 0 10px 0 }
.focus .focus_titre .focus_titre_gauche { width:9px; height:27px; float:left; background:url(images/bgr_focus_titre_gauche.png) top left no-repeat}
.focus .focus_titre .focus_titre_centre {height:24px; float:left; background:#9dc130; padding:3px 0 0 0}
.focus .focus_titre .focus_titre_droite {width:10px; height:27px; float:left; background:url(images/bgr_focus_titre_droite.png) top left no-repeat}
.focus .focus_titre h1 { color:#FFFFFF; font-size:16px; text-transform: uppercase; font:Verdana, Arial, Helvetica, sans-serif }
.focus .focus_contenu { height:100px}


.focus .read_more { float:right;}
	.focus .read_more a:visited, .focus .read_more a:active, .focus .read_more a:link {font-size:11px; color:#FFFFFF; font-weight:bold;}
	.focus .read_more a:hover { text-decoration:underline}
	.focus .read_more .read_more_gauche { width:28px; height:21px; float:left; background:url(images/bgr_readmore_gauche.png) top left no-repeat}
	.focus .read_more .read_more_centre {height:18px; float:left; background:#585858;  padding:3px 5px 0 5px}
	.focus .read_more .read_more_droite {width:11px; height:21px; float:left; background:url(images/bgr_readmore_droite.png) top left no-repeat}


	#footer { display:none}
	#footer ul { padding: 28px 0 0 39px}
	#footer  ul li { list-style:none;  float:left;}
	#footer  ul li  a:active, #footer  ul li  a:visited  { }
	#footer  ul li  a:hover  { text-decoration:underline }
	#footer li.footer_seperateur { margin:0 15px 0 15px;}

#global #page_left .page_int { display:none}

#global #page_left .focus { margin-bottom:20px}

#global #page_right {width:600px; float:left; padding: 10px 0 0 20px; margin-bottom:20px}
#global #page_right h1 {color:#9dc130; font-size:22px; text-transform:uppercase; padding: 0 0 5px 0}



#global #page_right  .equipe_txt { width:300px; float:left; margin:0 0 0 25px}
#global #page_right  .bloc_equipe { margin: 20px 0 0 0}

#name_medic {dislpay: block; line-height: 1.2;}
#name_medic .names {text-transform: uppercase;  font-weight: bold; font-size: 1.1em;}
#name_medic .styles {text-transform: uppercase;  font-weight: bold; font-size: 0.95em; color: #000000;}
.gamme-2 #name_medic .color {color:#E71C85;}
.gamme-3 #name_medic .color {color:#67D8FF;}
.gamme-4 #name_medic .color {color:#9AE200;}
#name_medic {font-size: 16px; font-weight: bold;}
.gamme-1 #name_medic {background: #9D9D9D; border-top: 4px solid #474747; padding: 15px;}
.gamme-1 #name_medic .color {color:#FFFFFF;}
.gamme-1 #name_medic a {color:#FFFFFF;}
.gamme-2 #name_medic {background: #3F342F; border-top: 4px solid #1C1815; padding: 15px; color:#FFFFFF;}
.gamme-2 #name_medic .color {color:#FFFFFF;}
.gamme-2 #name_medic a {color:#FFFFFF;}
.gamme-3 #name_medic {background: #EEEEEE ; border-top: 4px solid #CCCCCC; padding: 15px; color: #A2A2A2;}
.gamme-3 #name_medic .color {color:#A2A2A2;}
.gamme-3 #name_medic a {color:#A2A2A2;}
.gamme-4 #name_medic {background: #1F1429; border-top: 4px solid #1B112; padding: 15px; color:#FFFFFF;}
.gamme-4 #name_medic .color {color:#FFFFFF;}
.gamme-4 #name_medic a {color:#FFFFFF;}


#name_medic {width: 95%;}
#global #content .col-droite {display: none;}

#global {border: 1px solid #c7c7c7; width: 98%; padding: 5px;}
.display_none{ display: none; }




#main_form p { margin-top:4px; margin-bottom:4px; font-size:11px; }
#main_form fieldset{ margin-top:10px; border:0; font-size:11px; text-align:left }
#main_form p label{ float: left; text-align: right; padding-right: 20px; padding-left: 10px; width: 200px; font-size:11px; }
#main_form p.txt{ text-align: left; padding-right: 20px; font-weight:bold; font-size:11px; }
.offline{ border:1px solid #FF0000;}
#bouton-valider{ height:19px; width:100px; 
background-color: #cccccc; color: #FFFFFF; border: 0px;
 font-size:11px; margin-top:0px; _margin-top:10px; margin-left: 237px; padding-bottom:4px; padding-top:2px; text-align:center; font-weight: bold; cursor: pointer; 
 }
input { height:13px; font-size:9px; border:none; width:200px; border-left:1px solid #ccc; border-top:1px solid #ccc; background:#FAFAFA; text-align:left  }
select {  font-size:11px; border:none; width:200px; border-left:1px solid #ccc; border-top:1px solid #ccc; background: #FAFAFA; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left      }
textarea { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; height:100px; border-left:1px solid #ccc; border-top:1px solid #ccc; background:#FAFAFA; text-align:left }
.message{ text-align: left; z-index: 1; font:normal bold 11px Arial, Helvetica, sans-serif; font-size:11px }
.message div{ width: 60%; margin: 0 15px 15px; padding: 5px 5px; background-color: #ffffff; border-width: 2px; border-style: solid; -moz-border-radius: 0.4em; }
.infoMessage{ background-image: url('images/22/dialog_info.gif'); border-color: #00ba44; }
.errorMessage { background-image: url('images/22/dialog_error.gif'); border-color: #ff2200; }
.required_text {font-size:11px}
#bouton{ width:10px; font-size:10px; margin-left: 10px; }
label{ float:right; width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right; }







#global #page_left td p { color:#626262}
#global #page_left td img { border:2px solid #B3C5B9; margin:0 5px 0 0;}

#page_left tr td {vertical-align:top;}
#page_left tr td.image-tv { padding-right:5px;}

hr {border-color:#FFFFFF; border-style:dotted none none; border-width:1px 0 0; display:block; height:1px; width:100%;}
table.marge tr{margin-bottom: 15px; display: block;}
table.marge tr td.image-tv {padding-right: 5px;}
table.marge {text-align: left;}
table.marge a {text-transform: uppercase;}

.titre {color:#9dc130; font-size:22px; text-transform:uppercase; padding: 0 0 5px 0}
#page_left tr td {vertical-align:top;}
#page_left tr td.image-tv {padding-right:5px;}
#cadre {background:#eaeae2; padding:5px; }
.cheminfer { padding-bottom:10px}

#paragraphe {font-style:italic; padding:5px;}
#liste { padding:20px 0 0 0}
#liste a {line-height:25px;}

.col-gauche .image {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F3F2 none repeat scroll 0 0;
border:1px solid #D0CCD2;
float:left;
margin:10px 10px 10px 0;
}
td.col-gauche li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.chemin {
-x-system-font:none;
font-family:Arial;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 10px;
}

.col-gauche .intro {
font-weight:bold;
margin:5px 0;
}

#content .col-gauche .image img {
margin:5px 5px 2px;
width:250px;
}

table.page_int td.col-gauche .image img {margin:5px 5px 2px;
width:250px;}



table.page_int td.col-gauche p {
margin:10px 0;
text-align:justify;
}


.bas-de-page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#e5e4dc none repeat scroll 0 0;
color:#516E76;
}

 .extract {
padding:5px 10px 15px;
}


 .bas-de-page .titre {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#AFABB1 none repeat scroll 0 0;
color:#FFFFFE;
}

 .bas-de-page .titre {
-x-system-font:none;
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:15px;
line-height:normal;
padding:5px 10px;
}


.col-droite .video .en-savoir-plus a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/tv.gif) no-repeat scroll left top;
font-weight:bold;
padding:0 0 0 15px;
text-decoration:underline;
}


.col-droite .video {
text-align:center;
}

 .col-droite .links {
margin:1em 0;
padding:1em 0;
}

.col-droite .links {

padding:5px;
width:100%;

}


.gamme-1 #content .col-droite .links .download {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/envoi.gif) no-repeat scroll left top;
}
 .col-droite .links .download {
margin-bottom:1em;
}
 .col-droite .links .download {
margin:5px 10px 5px 15px;
padding:0 0 0 20px;
}

.col-droite .links .download {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/envoi.gif) no-repeat scroll left top;
}


.col-droite .links .send {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/friends.gif) no-repeat scroll left top;
}
.col-droite .links .send {
margin:0 0 0 15px;
padding:0 0 0 20px;
width:170px;
}
.col-droite .box-image { text-align:center}