/* CSS Document */

/************************************** COMMUN ********************************/

* { margin:0; padding:0; }
img { float:left; border:0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#4E4E4E; background-repeat:no-repeat; background-position:top center; }
li { list-style-type:none; }
.clr { display:block; clear:both; font-size:1px; height:1px; }


.header { width:100%; text-align:center; background-position:bottom right; background-repeat:no-repeat; }
.fondHeader { width:990px; min-height:134px; height:auto; margin: 0 auto; text-align:left;  }

h1 { display:block; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; width:990px; font-weight:100; color:#FFF; font-size:36px; height:35px; padding-top:10px; padding-left:40px!important;padding-left:82px; }
h2 { display:block; clear:left; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; width:990px; font-weight:100; color:#FFF; font-size:26px; height:auto; margin-top:10px!important;margin-top:2px; padding-left:40px!important;padding-left:82px; } 
h3 { display:block; clear:left; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; width:990px; color:#FFF; font-weight:100; font-size:15px; margin-top:10px!important;margin-top:12px; padding-left:44px!important;padding-left:88px; padding-bottom:5px; }
h3.fondBlanc {color:#4E4E4E;width:auto;}


.espaceHeader { font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-size:60px; color:#FFF; }

#container { position:relative; width:990px; margin: 0 auto; }
#containerInterieur { position:relative; width:990px; margin: 0 auto; }

#contenuT6 { float:left; width:610px; margin-top:14px; }
#menuT6 { float:left; width:380px; margin-top:14px; }

/*************************************** Menu **********************************/

/*.blocMenu { display:block; height:29px; width:100%; text-align:center; }
ul.menuNav { display:block; width:990px; margin: 0 auto; }
ul.menuNav li { display:block; width:198px; height:29px; float:left; text-indent:-4000px; }
ul.menuNav li a { display:block; height:29px; background-repeat:no-repeat; }

li.accueil a:hover { background-position:0 -29px; }
li.accueil a.current { background-position:0 -29px; background-repeat:no-repeat;} 
li.presentation a:hover { background-position:0 -29px; background-repeat:no-repeat; }
li.presentation a.current { background-position:0 -29px; background-repeat:no-repeat;} 
li.plan a:hover { background-position:0 -29px; background-repeat:no-repeat; }
li.plan a.current { background-position:0 -29px; background-repeat:no-repeat;} 
li.urgence a:hover { background-position:0 -29px; background-repeat:no-repeat; }
li.urgence a.current { background-position:0 -29px; background-repeat:no-repeat;} 
li.prevention a:hover { background-position:0 -29px; background-repeat:no-repeat; }
li.prevention a.current { background-position:0 -29px; background-repeat:no-repeat; } */

.blocMenu { display:block; height:29px; width:100%; text-align:left;font-size:15px;font-family:Century Gothic,Gill Sans Light,GillSans-Light,Verdana,sans-serif; }
ul.menuNav { display:block; width:990px; margin: 0 auto; }
ul.menuNav li { float:left;display:inline-block; width:198px; height:29px; /*float:left; text-indent:-4000px;*/ }
ul.menuNav li a { text-decoration:none;padding-left:4px;width:194px;background-position:top left;display:inline-block; height:29px; background-repeat:no-repeat; }
ul.menuNav li a:visited { color:#FFF}
ul.menuNav li a span{ text-align:center;padding-top:3px;height:26px;float:left;color:#FFF;width:190px;display:inline-block;background-repeat:repeat-x}
ul.menuNav li a em { float:left;display:inline-block;height:29px;width:4px;}
ul.menuNav li a:hover { background-image:url(images/bg-nav-l.png);}
ul.menuNav li a:hover span {background-image:url(images/bg-nav-b.png);}
ul.menuNav li a:hover em { background-image:url(images/bg-nav-r.png);}


/**************************** HOme BLocs *********************************/
/****** COL GAUCHE *******/

.blocVisu { display:block; width:600px; height:256px; margin-bottom:10px; background-color:#FFF; }
.blocVisu img { padding:14px 0 0 14px; }


/*********** BLocs ACTU *************/

.blocActu { width:575px; margin-bottom:10px; padding:15px 10px 24px 15px; background-color:#FFF; }

.bloc_17_actu { width:552px; padding-bottom:18px!important;padding-bottom:15px; margin:0 0 14px 20px; border-bottom:1px dotted #808080; }
.blocActu h4 { display:block; clear:left; margin:0 0 10px 0; background-repeat:no-repeat; width:auto; height:24px; text-indent:-4000px; }
.bloc_17_actu h5 { display:block; clear:left; font-weight:bold; font-size:13px; margin:0 12px 0 5px; }
.bloc_17_actu h6 { display:block; clear:left; line-height:15px; font-size:13px; font-weight:normal; margin:0 12px 0 5px; }
.blocActu a { text-decoration:underline; color:#0466C8; }
.blocActu a:hover { text-decoration:none; color:#56E1FA; }

/*********** BLocs SAVOIR PLUS *************/

.blocSavoirplus { width:585px; height:270px; margin-bottom:10px; padding:22px 0 10px 15px!important;padding:22px 0 24px 15px; background-repeat:no-repeat; background-position:124px 80px; }
.titreSavoirplus { height:24px; background-repeat:no-repeat; text-indent:-3000px; }
.colGauche { float:left; clear:left; width:270px; }
.colDroite { float:left; width:290px; } 
ul.menuSavoirplus { display:block; clear:left; margin:25px 0 0 10px;}
ul.menuSavoirplus li { background-position:0 3px; background-repeat:no-repeat; }
ul.menuSavoirplus li a { display:block; text-decoration:none; padding-left:7px; margin:0 0 18px 10px!important;margin:0 0 6px 10px; color:#fff;  }
ul.menuSavoirplus li a:hover { text-decoration:underline; }


/****** COL DROITE *******/

/*********** BLocs CONTACTS *************/

.blocContact { width:375px; background-color:#FFF; padding:5px 5px 15px 0px; font-size:10px; margin-bottom:10px; }
.titreCabinet { padding:8px 0 10px 0; height:24px; background-position:10px 8px; background-repeat:no-repeat; text-indent:-3000px; }
.Contact { width:370px; height:auto; border-bottom:1px dotted #808080; padding-bottom:8px; margin:18px 0 8px 0; clear:left; min-height:91px; }

.visuContact { width:auto; float:left; height:96px; }
.visuContact img { display:block; padding:0 12px 0 12px; }
.blocContenu { width:auto; height:auto; padding-left:12px; }
.blocContenu .titre { font-weight:bold;  font-size:11px;}
.blocContenu .texte { clear:right; height:auto; padding-left:13px }
.blocContenu .mail { clear:right; margin-top:6px; }
.blocContenu .mail a { text-transform:uppercase; text-decoration:none; padding-left:20px; background-repeat:no-repeat; }
.blocContenu .mail a:hover { text-decoration:underline; }

/*********** BLocs RECHERCHE *************/

.blocRecherche { width:355px; height:75px; margin-bottom:10px; padding:22px 0 0 25px; font-size:11px; background-repeat:no-repeat; }
.titreRecherche { height:24px; background-repeat:no-repeat; text-indent:-3000px; }
.formRecherche { float:left; margin:8px 0 0 28px; height:12px; width:225px; font-size:11px; }
.btRecherche  { display:block; height:11px; background-repeat:no-repeat; border:0; float:left; margin:6px 0 0 228px!important;margin:6px 0 0 114px; width:28px; text-indent:-4000px; cursor: pointer; }
.btRecherche:hover { background-position: 0 -11px; }


/*********** BLocs CONSEILS *************/

.blocConseils { position:relative; width:365px; margin-bottom:10px; padding:20px 0 0 15px!important;padding:20px 0 8px 15px; background-color:#FFF; }
.titreConseils { height:24px; background-repeat:no-repeat; text-indent:-3000px; }

ul.menuRubriques/*, .pres_personnel ul li*/ { display:block; clear:left; margin:10px 0 0 32px; line-height:15px!important;line-height:8px; }
ul.menuRubriques li/*, .pres_personnel ul li*/ { display:block; width:auto; background-position:0 5px!important;background-position:0 2px; background-repeat:no-repeat; }
ul.menuRubriques li a { display:block; width:auto; color:#4E4E4E; margin:0 0 6px 10px!important;margin:0 0 0 10px; }
ul.menuRubriques li a:hover { text-decoration:underline; }
.logoUfsbd { display:inline-block ; float:right ; margin:-130px 20px 93px 0px ; }



/*********** BLocs FLASH *************/

.blocFlash { margin-bottom:10px; height:302px; background-image:url();}
.visuFlash {height:302px; width:380px; background-image:url(/images/06/visuFlash1.jpg); display:block;}

/**************************** INTERIEUR BLocs *********************************/

/****** COL GAUCHE *******/

#containerInterieur .blocVisu { display:block; width:600px; height:164px; margin-bottom:10px; background-color:#FFF; }


/*********** BLocs ACTU *************/

#containerInterieur .contenuActu { width:530px; padding-bottom:10px; margin:0 0 10px 10px; border:0; }

#containerInterieur h4 { display:block; clear:left; margin:0 0 10px 0; background-repeat:no-repeat; width:auto; height:24px; text-indent:-4000px; }
#containerInterieur h6.intro { display:block; clear:left; width:530px; margin:0 0 14px 20px; line-height:18px; font-size:15px; font-weight:normal; }
#containerInterieur h6 { display:block; clear:left; line-height:18px; margin:0 0 0 10px; font-size:14px; font-weight:normal; }
#containerInterieur h5 { display:block; clear:left; line-height:18px; margin-left:0px; font-size:14px; font-weight:bold; text-indent:10px; background-repeat:no-repeat; background-position:0 7px; }


/****** COL Droite*******/

/*********** BLocs RECHERCHE *************/

#containerInterieur .blocRecherche { width:355px; height:97px; margin-bottom:10px; padding:22px 0 0 25px; font-size:11px; background-repeat:no-repeat; }


/*********** BLocs SAVOIR PLUS *************/

#containerInterieur .blocSavoirplus { width:365px; height:237px; margin-bottom:10px; padding:22px 0 0 15px!important;padding:22px 0 0 15px; background-repeat:no-repeat; background-position:0; }
#containerInterieur ul.menuSavoirplus { display:block; clear:left; margin:18px 0 0 10px;}
#containerInterieur ul.menuSavoirplus li a { display:block; text-decoration:none; padding-left:7px; margin:0 0 10px 10px!important;margin:0 0 0 10px; color:#fff;  }
#containerInterieur ul.menuSavoirplus li a:hover { text-decoration:underline; }


/*********** FOOTER *************/

.footer { width:100%; height:140px; clear:left; color:#fff; text-align:center; padding-top:20px; }
.footer a { color:#fff; text-decoration:underline; }
.footer a:hover { color:#fff; text-decoration:none; }


			/*** REDEFINITION BALISE ALT ***/
		
			
			
#tooltip {
	position: absolute;
	z-index: 3000;
	opacity: 1;
}

#tooltip h3 { display:block; padding:5px; width:300px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background-image:url(); text-indent:0; height:auto; padding-left:5px!important;padding-left:5px; }

			/*** Défil texte ***/

.blocInfo { /* the outer div with the black border */
width:590px; height:16px; clear:left; margin-top:10px; padding-left:8px; background-position: 0 4px; background-repeat:no-repeat; overflow:hidden;}

.blocInfo .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
width: 590px;
overflow: hidden;
}

ul.textInfo { /* that's your list */
position: relative;
left: 592px;
font: 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
#containerInterieur .blocInfo { /* the outer div with the black border */
width:960px; height:12px; clear:left; margin-top:10px; font-size:10px; padding-left:8px; background-position: 0 3px; background-repeat:no-repeat; overflow:hidden;}

ul.textInfo li { display:block; float:left; white-space:nowrap; }

.example {font-style:italic;color:#666666;}

.vignettes { clear:left; height:58px; background-repeat:no-repeat; margin:65px 0 20px 32px!important;margin:8px 0 8px 32px; }


/*Couleur et placement des titres*/
#contenuT6 h1 { color:#464950; font-size:24px; height:auto; width:auto; vertical-align:top; padding-top:0; padding-left:26px!important;padding-left:26px; background-repeat:no-repeat; background-position:0 6px;  }
#contenuT6 h2 { color:#464950; height:auto; width:auto; font-size:22px; margin-top:10px!important;margin-top:2px; padding-left:18px!important;padding-left:18px; }
#contenuT6 .bloc_content { font-size:15px; padding:0 10px 0 18px; }
#contenuT6 .texteIntro { font-size:14px; padding:0 0 16px 0px; }
#contenuT6 .decalageGauchePres { font-size:12px; padding:10px 0; }
#contenuT6 .panel_left_before { font-size:15px; padding:0 10px 16px 0px; margin-top:0; }
#contenuT6 .panel_left_before .info { font-size:15px; padding:10px 0 0 16px; background-repeat:no-repeat; background-position:4px 17px; }
#contenuT6 .bloc_prevention .rubDescription { font-size:15px; padding:0 10px 16px 0px;  }
#contenuT6 #pres_Point { margin-top:16px; margin:10px 10px 0 10px; }
#contenuT6 #pres_Point a.info { font-weight:bold; text-decoration:none; color:#0466c8; }
#contenuT6 #pres_Point a.info:hover { font-weight:bold; text-decoration:underline; color:#1DD7F7; }
#contenuT6 .blocActuLarge { width:950px; font-size:15px; margin-bottom:10px; padding:20px 25px 24px 15px; background-color:#FFF; }
#contenuT6 #pres_Point .rubDescription { font-size:15px; padding:0 0 16px 16px;  }
#contenuT6 .art_panel_center { max-width:550px; font-size:15px; font-weight:100; }
#contenuT6 .art_panel_center b, #contenuT6 .art_panel_center strong {font-weight:bold}

#contenuT6 .art_panel_center strong {font-weight:bold; }

#contenuT6 .bloc_page_urgence h2 { color:#464950; width:auto; font-size:24px; margin-top:0px!important;margin-top:0px; padding-left:26px!important;padding-left:26px; background-repeat:no-repeat; background-position:0 6px; }

#contenuT6 #ctl00_cph_mid_PanelVEMap { padding:10px 0 0 18px;}

#contenuT6 .bloc_prev_right { padding:20px 0 0 18px; font-size:13px; }
#contenuT6 .bloc_prev_right .ListItem .info { font-size:15px; padding:10px 0 0 0px; background-image:url(); background-repeat:no-repeat; background-position:1000px 6px; }

#contenuT6 #conteneur_centre h2 {  padding-left:0px!important;padding-left:0px; }

#contenuT6 #nos_conseils h1 { color:#FFFFFF; background-position:1000px 6px; font-size:15px; font-weight:bold; }

#contenuT6 #nos_conseils ul li { background-repeat:no-repeat; background-position:0 6px; list-style:none; padding-left:16px; color:#FFFFFF; font-size:14px; font-weight:100;  }

span.title1, span.title2 {font-weight:bold;}
.bloc_content img{margin:0 1px 8px 0;}

.copyright { font-size:xx-small; width:100%; height:13px; background:white url(images/copyright.gif) no-repeat 130px;}
.copyright a {float:right; color:#DDDDDD;}

#contenuT6 .container_pres_personnel
{
	width:400px;
}

#contenuT6 #actuT6 .video_pedagogique p.titre{font-weight:bold;}
#contenuT6 #actuT6 .video_pedagogique {padding-left:10px;position:relative}
#contenuT6 #actuT6 h1{clear:left;}
#contenuT6 #actuT6 h2{clear:none;margin-bottom:8px;}


#AutresInfosAcces {padding-left:23px;}
#AutresInfosAcces #TextesComplementaires{font-size:larger;}
#AutresInfosAcces #TextesComplementaires p {margin-bottom:8px;}
#AutresInfosAcces #StreetView{margin:10px 0 15px 0px;}

#containerInterieur h4 {text-indent:30px; font-size:13pt; font-weight:bold; }
/*
#index_videos_pedagogiques h2 {font-weight:normal;font-size:22px;color:rgb(0, 138, 179);}
#index_videos_pedagogiques p {margin:6px 0;}
#index_videos_pedagogiques p.titre {font-weight:bold;font-size:14px;}
#index_videos_pedagogiques .video_pedagogique{margin-left:20px;}
#index_videos_pedagogiques .video_pedagogique a.lire_suite {font-weight:bold;}
.video_player{margin:20px;}

#liste_videos {display:block;border:0px solid;width:550px;}
#liste_videos div.video_pedagogique div.texte_video {height:80px;width:385px;padding-left:115px}
#liste_videos div.video_pedagogique a.vignette_video {position:absolute;left:5px; top:5px;}
#liste_videos div.video_pedagogique {height:90px;}*/



span.DescriptionRubrique{
	margin-top:12px;
	display:block;
}
#ctl00_cph_mid_LinkUrgenceCabinet {
    margin-bottom:16px;
}

#ctl00_cph_mid_TextBoxEmail {border:1px solid #C9CACD}
input.button {padding:4px; color:white; font-weight:bold;cursor:pointer;margin-left:20px}


.blocVideos {padding:10px; background:white; margin:0 0 10px 0}
.titreVideos {color:#0466C8;font-size:18px; font-weight:bold; font-family:inherit; margin:0 0 20px 0}
.blocVideos img {margin-right:7px; display:inline-block; float:left}
.blocVideos p {margin:3px 0 20px 100px; color:inherit}
.blocVideos a.lienVideos {display:block; font-weight:bold;clear:left;margin-left:180px;color:#4E4E4E}
.blocVideos span {width:95px; background:url(images/nettoyage_brackets.jpg) no-repeat top left; display:inline-block; height:80px; float:left}


/*Videos2*/
#index_videos_pedagogiques  h2.current_video_title, #MainGrid #liste_videos h2 span {display:block;font-size:16px;margin-bottom:3px}
#index_videos_pedagogiques h2.current_video_title , .video_player {text-align:center}
#liste_videos .rubrique_videos {width:560px}
#liste_videos .video_pedagogique {width:260px; clear:none; height:auto}
#liste_videos .rubrique_videos .video_pedagogique .vignette_video img {width:80px!important;height:auto ;margin-right:10px}
#liste_videos .rubrique_videos .video_pedagogique .titre {font-weight:bold; margin-bottom:0}
#liste_videos .rubrique_videos .video_pedagogique .texte_video {width:150px}
#liste_videos .rubrique_videos .video_pedagogique .texte_video .lire_suite{font-weight:bold;text-decoration:none;margin:0 0 0 0}
#liste_videos .rubrique_videos .video_pedagogique .descr_video {font-size:12px}


.innerfade img {display:none}

/*Drapeaux*/
.fondHeader {position:relative}
.lienPageLang {position:absolute;top:10px; right:5px;margin-top:10px}

.message h3 {color:#555;display:inline;margin-bottom:10px}

/* Page Contact */
.message h3 { padding-left:0px!important; font-weight:bolder;}
.message h3.fondBlanc span {display:block;}
.message table label {width:170px; display:inline-block}
.message .title2 {border-style:groove; border-width:1px;}
.message textarea.title2 {width:375px; }
.message .go { cursor:pointer; border:none; color:white;padding:5px;cursor:pointer; margin-top:5px;}

/* ArticlesPDF  */
.AdminArticlesRubrique td{padding:20px;vertical-align:top}
.AdminArticlesRubrique td h2{padding: 10px 0 10px 0}
.ArticlePrint{padding:7px;border-width:1px;cursor:pointer}
.ArticlesByRubrique input{float:left;margin:1px 7px 0 0}
.ArticlesByRubrique a{text-decoration:underline;}
.ArticlesByRubrique label{padding-left:20px;display:block;}
.DataListNomRubriques h3{width:200px;color:#464950}
.RubriqueLink a{color:white !important;text-decoration:none}
.RubriqueLink {text-decoration:none !important}

/*Logo Hon*/
.LogoHonType1 { display:inline-block ; margin:10px 0px 0px 0px ;}
.ImgLogoHonType1 { display:inline-block ; margin:0px 0px 0px 73px ; }
.TextLogoHonType1 { display:inline-block ; text-align:center ; font-size:10px ; }
.TextLogoHonType11 { display:inline-block ; font-size:10px ; }
.TextLogoHonType12 { display:inline-block ; font-size:10px ; }

.LogoHonType2 { display:inline-block ; width:300px ; float:right ; margin:0px 10px 0px 0px ; }
.ImgLogoHonType2 { display:inline-block ; float:right ; margin:0px 0px 0px 0px ;}
.TextLogoHonType2 { display:inline-block ; float:right ; font-size:10px ; text-align:right ; margin:37px 10px 0px 0px ; width:200px ;}
.TextLogoHonType21 { font-size:10px ; margin:0px 0px 0px 0px !important;}
.TextLogoHonType22 { font-size:10px ; margin:0px 0px 0px 0px !important;}

.LogoHonType3 { display:inline-block ; float:left ; margin:-127px 0px 0px 43px ; padding:0px 0px 0px 0px ;}
.ImgLogoHonType3 { display:inline-block ; float:left ; }
.TextLogoHonType3 { display:inline-block ; float:left ; font-size:10px ;}
.TextLogoHonType31 { font-size:10px ; }
.TextLogoHonType32 { font-size:10px ; }

/* Copyright */
.copyright { margin-left:-130px;width:auto; color:Black; margin-bottom:20px;}
.copyrightUC { font-size:11px; color:#FFF;clear:left ; text-align:center; margin-bottom:10px; margin-top:25px;}
/*.copyrightUC .MentionWD { text-align:center; }*/
.copyrightUC  .Logo { font-size:xx-small; height:15px; padding-bottom:5px; background:white url(/images/copyright.gif) no-repeat 2px 0px; display:inline-block; width:240px;float:left; margin-top:-25px;}

/*Livre d'or*/
.livreOrDialog h1 {background:none}



.clear {clear:both}

/*Multilingue*/
.cabinet-bloc img {width:100%}