@charset "utf-8";
/* CSS Document par ISSARTEL Thibaud */

img { behavior: url(_css/iepngfix_v2/iepngfix.htc) }
/* Pour tout le site */
*{margin:0;padding:0}
body{background:#d0d0d0;color:#000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;height:100%}
h1,h2,h3,h4,h5,h6{clear:left}
h1{color:#000;font-size:24px}
h2{color:#000;font-size:18px}
h3{color:#000;font-size:15px}
h4{color:#000;font-size:12px}
h5{color:#000;font-size:9px}

a:link { color: #069; text-decoration: none; }
a:visited { text-decoration: none; color: #069; }
a:hover { text-decoration: underline; color: #06C; }
a:active { text-decoration: none; color: #06C; }

#topref{height:13px;width:1000px;font-size:9px;text-align:center;margin:0 auto;padding:0;color:#757575;}
#BandeauNav{background:#D0D0D0 url(../_images/FondOmbre.png) repeat-y;height:219px;margin:0 auto;padding:0;text-align:left;width:1000px}
#BandeauNav #Logo{background:url(../_images/Logo.png) no-repeat;cursor:pointer;float:left;height:107px;margin-left:40px;margin-top:20px;position:absolute;width:361px}
#BandeauNav #CadrePhoto1{float:left;margin-left:535px;margin-top:20px;position:absolute}
#BandeauNav #CadrePhoto2{float:left;margin-left:627px;margin-top:20px;position:absolute}
#BandeauNav #CadrePhoto3{float:left;margin-left:720px;margin-top:20px;position:absolute}
#BandeauNav #AnimFlash{ float:left; height:219px; margin-left:38px; position:absolute; text-align:left; width:925px; background: url(../_images/bandeau.jpg) no-repeat 0px 0px; }
#BandeauNav #BtPlanVille{background:url(../_images/bt_PlanVille.png) no-repeat 0 0;cursor:pointer;float:left;height:36px;margin-left:870px;margin-top:120px;position:absolute;width:90px}
#BandeauNav #BtPlanVille:hover{background:url(../_images/bt_PlanVille.png) no-repeat 0 -36px}
#BandeauNav #NavAcc{float:left;margin-left:50px;margin-top:180px;position:absolute}
#BandeauNav #NavVolvic{ float:left; margin-left:250px; margin-top:185px; position:absolute;z-index:3 }
#NavVolvic ul{float:left;line-height:12px;list-style:none}
#NavVolvic ul li{margin-left:10px;padding-left:20px;text-transform:uppercase}
#BandeauNav #NavVolvic ul li a{color:#3D9DDE;font:bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
#PictoBleu{background:url(../_images/PictoBleu.gif) no-repeat 0 2px}
#PictoJaune{background:url(../_images/PictoJaune.gif) no-repeat 0 2px}
#PictoRose{background:url(../_images/PictoRose.gif) no-repeat 0 2px}
#PictoRouge{background:url(../_images/PictoRouge.gif) no-repeat 0 2px}
#PictoVert{background:url(../_images/PictoVert.gif) no-repeat 0 2px}
#PictoOrange{background:url(../_images/PictoOrange.gif) no-repeat 0 2px}
#PictoBleu2{background:url(../_images/PictoBleu2.gif) no-repeat 0 2px}
#PictoGris{background:url(../_images/PictoGris.gif) no-repeat 0 2px}
#Container{background:#D0D0D0 url(../_images/FondOmbre.png) repeat-y;margin:0 auto;padding:0;width:1000px;z-index:1;}
#Pied{background:#D0D0D0 url(../_images/FondPied.png) no-repeat center top;clear:both;height:100px;margin:0 auto;padding:0;width:1000px}
.LienGris{color:#a7a9ad;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none}
.LienBleuBold{color:#0074c2;font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none}
.Bordure3PX{border:3px solid #FFF}
#ContainerCalEtMeteo{background:#e6e6e6 url(../_images/TitreMeteo.png) no-repeat bottom;float:left;height:910px;margin-left:38px;width:206px}
#ContainerCalEtMeteo #TitreManif{padding-bottom:10px}
#ContainerCalEtMeteo #TheCal{font-size:10px;padding-left:7px;width:199px}
#ContainerCalEtMeteo .LigneDate{ border-bottom:1px dotted #999; margin:0 0 0 5px; padding:10px 5px 5px; width:186px; float: left; }
#ContainerCalEtMeteo .LigneDate:hover{background-color:#FFF;cursor:pointer}
#ContainerCalEtMeteo .FolioDateActu{color:#ad3d88;font-weight:700}
#ContainerCalEtMeteo .LigneDate .FolioDateActu span{background:#FFF;border:1px solid #ad3d88;color:#ad3d88;font-weight:400;margin-right:5px;padding:0 2px;text-align:center}
#ContainerCalEtMeteo .ChapoActu{ color:#000; font-weight:700; line-height:14px; margin-bottom:2px; margin-top:2px; float: left; width: 191px; }
#ContainerCalEtMeteo .TexteActu{ color:#666; font-weight:400; line-height:14px; margin-bottom:2px; margin-top:2px; float: left; width: 191px; }
#ContainerCalEtMeteo #TouteLesManifs{ background:url(../_images/picto01.png) no-repeat 0 1px; margin-left:10px; margin-top:10px; padding-bottom:60px; padding-left:20px; float: left; width: 165px; }
#ContainerCalEtMeteo #TouteLesManifs a{color:#ad3d88}
#ContainerCalEtMeteo .LigneDate .EnSavoirPlusManifestatoin{ background:#CD61B0; float:left; padding:2px; text-align:center; width:80px; clear: both; }
#ContainerCalEtMeteo .LigneDate .EnSavoirPlusManifestatoin a{color:#FFF;font-size:12px;line-height:14px;text-decoration:none}


#ContainerPOPUP { background: #FFF; margin: 0px; padding: 0px; float: left; }
#ContainerPOPUP .LigneDate{ margin:0; padding:20px 10px 10px; width:600px; float: left; }
#ContainerPOPUP .LigneDate:hover{background-color:#FFF;cursor:pointer}
#ContainerPOPUP .FolioDateActu{color:#ad3d88;font-weight:700}
#ContainerPOPUP .LigneDate .FolioDateActu span{background:#FFF;border:1px solid #ad3d88;color:#ad3d88;font-weight:400;margin-right:5px;padding:0 2px;text-align:center}
#ContainerPOPUP .ChapoActu{ color:#000; font-weight:700; line-height:14px; float: left; width: 575px; margin: 5px 0px 5px 25px; padding: 0px; }
#ContainerPOPUP .TexteActu{ color:#666; font-weight:400; line-height:14px; float: left; width: 575px; margin: 2px 0px 2px 25px; padding: 0px; }
#ContainerPOPUP .TexteEditeur{ color:#333; font-weight:400; line-height:14px; float: left; width: 580px; margin: 10px 0px 2px; padding: 10px; border-top: 1px dotted #CCC; background: #EFEFEF; }






#datepicker { margin-bottom: 10px; }

#ContainerVolEtActus{float:left;width:720px}
#ContainerVolEtActus #BienvenueVolvic{background:url(../_images/TitreBienvenue.png) no-repeat 0 top;float:left;margin-left:15px;margin-top:20px;padding-top:45px;width:248px}
#ContainerVolEtActus #BienvenueVolvic #photo{margin-left:10px;padding-bottom:20px}
#ContainerVolEtActus #BienvenueVolvic p{color:#54A6EC;font-size:12px;line-height:14px;padding-bottom:10px;padding-left:10px;text-align:justify;width:207px}
#ContainerVolEtActus #LesActus{background:url(../_images/TitreActus.png) no-repeat 0 top;float:left;margin-left:15px;margin-top:20px;padding-top:45px;width:442px}
#LesActus #PhotoActus{float:left;margin-left:10px;}
#LesActus #PhotoActus #TitrePhoto{background:#000;color:#FFF;height:25px;padding-top:8px;position:absolute;text-align:center;width:395px;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;z-index:2;}
#LesActus #NavActus{float:left;margin-left:8px;margin-top:35px;text-align:center;width:20px}
#LesActus #NavActus a{background:#FFF;border:1px dotted #F8E094;color:#E0B635;float:left;margin-bottom:10px;padding:0 5px;text-decoration:none;}
#LesActus #NavActus a:hover{background:#F2C436;color:#FFF;text-decoration:none;}
#LesActus #NavActus .actif{background:#E0B635;color:#FFF}
#LesActus #NavActus a.wactive{background:#E0B635;color:#FFF;text-decoration:none;}
#ContainerVolEtActus #LegendeActus{float:left;margin-left:25px;margin-right:25px;margin-top:3px;width:400px}
#ContainerVolEtActus #LegendeActus2{margin-right:25px;margin-top:3px;width:400px}
#ContainerVolEtActus #LegendeActus p{color:#E0B635;font-size:12px;line-height:14px}
#ContainerVolEtActus #LegendeActus2 p{color:#E0B635;font-size:12px;line-height:14px}
#ContainerVolEtActus #EnSavoirPlusActus{background:#E0B635;float:left;margin-left:338px;margin-right:25px;margin-top:-5px;padding:2px;text-align:center;width:80px}
#ContainerVolEtActus #EnSavoirPlusActus2{background:#E0B635;float:right;margin-top:-5px;padding:2px;text-align:center;width:80px}
#ContainerVolEtActus #ListeDesActus{float:left;width:430px}
#ContainerVolEtActus .ContainerLigneActus{cursor:pointer;border-bottom:1px dotted #CCC; float:left; padding:0px 0px 5px 0px; width:405px; margin-right: 0; margin-bottom: 5px; margin-left: 25px; }
#ContainerVolEtActus .ContainerLigneActus:hover { background: #F3F3F3; }
#ContainerVolEtActus .ContainerLigneActus .PhotoLigneActus{ background:#CCC url(../_images/PhotoIndispoActus.jpg) no-repeat 0 0; border:1px dotted #E0B635; float:left; height:61px; width:92px; margin: 5px 10px 10px 5px; }
#ContainerVolEtActus .ContainerLigneActus .FolioLigneActus{ color:#DAB235; float:left; font-weight:700; width:290px; margin-top: 5px; }
#ContainerVolEtActus .ContainerLigneActus .FolioLigneActus span{background:#FFF;border:1px solid #F2C436;color:#E0B635;float:left;font-weight:400;margin-right:5px;padding:0 2px;text-align:center}
#ContainerVolEtActus .ContainerLigneActus .TexteLigneActus{ float:left; font-size:12px; line-height:14px; width:290px }
#ContainerVolEtActus .ContainerLigneActus .EnSavoirPlusLigneActus{background:#E0B635;float:left;padding:2px;text-align:center;width:80px}
#ContainerVolEtActus #TouteLesActus{background:url(../_images/picto02.png) no-repeat 0 1px;float:left;margin-left:25px;padding-left:20px;width:200px}
#ContainerVolEtActus #TouteLesActus a{color:#E0B635}
#Pied #ContainerMeteo{float:left;margin-left:38px;margin-top:5px;width:205px}
#Pied #ContainerRecherche{color:#333;float:left;font-size:12px;font-weight:700;margin-left:20px;margin-top:10px;text-align:left;width:230px}
#Pied #ContainerRecherche input{background:#FFF;border:1px solid #369;color:#369;font:10px Arial, Helvetica, sans-serif;margin:0;padding:1px;width:110px}
#Pied #ContainerRecherche img{margin-left:5px}
#Pied #ContainerImprimer{background:url(../_images/picto03.png) no-repeat 0 0;float:left;margin-left:10px;margin-top:10px;padding-left:20px;width:75px}
#Pied #ContainerHaut{background:url(../_images/picto04.png) no-repeat;float:left;margin-left:10px;margin-top:10px;padding-left:20px;width:60px}
#Pied #ContainerAdresse{color:#46A1DA;float:right;font-size:11px;line-height:12px;margin-right:38px;margin-top:20px;text-align:right;width:230px}
#ContainerCalEtMeteo #TouteLesManifs a:hover,#ContainerVolEtActus #TouteLesActus a:hover{text-decoration:none}
#ContainerVolEtActus #EnSavoirPlusActus a,#EnSavoirPlusActus2 a,#ContainerVolEtActus .ContainerLigneActus .EnSavoirPlusLigneActus a{color:#FFF;font-size:12px;line-height:14px;text-decoration:none}
#ContainerVolEtActus #EnSavoirPlusActus a:hover,#EnSavoirPlusActus2 a:hover,#ContainerVolEtActus .ContainerLigneActus .EnSavoirPlusLigneActus a:hover{text-decoration:underline}
#Pied #ContainerImprimer a,#Pied #ContainerHaut a{color:#333;text-decoration:none}
#BandeauNav #NavOutils { width: 90px; position: relative; float: right; margin-right: 37px; margin-top: 35px; text-align: right; height: 52px; padding-top: 8px; background: #FFF; }
#BandeauNav #NavOutils #FondBlanc { background: #FFF; }

#BandeauNav #NavOutils #Contact { background: url(../_images/PictoMail.png) no-repeat right center; margin-right: 10px; height: 17px; margin-bottom: 10px }
#BandeauNav #NavOutils #Contact a { text-decoration: none; font-size: 11px; font-weight: bold; color: #036; margin-right: 20px}

#BandeauNav #NavOutils #NosLiens { background: url(../_images/PictoSouris.png) no-repeat right center; margin-right: 10px; height: 17px}
#BandeauNav #NavOutils #NosLiens a { text-decoration: none; font-size: 11px; font-weight: bold; color: #036; margin-right: 20px}
.ariane a{color:#a7a9ad;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:underline}
#central {margin-left:38px;}
#filariane {margin-left:38px;padding-top:10px;padding-bottom:10px;}
#titrecontenu {margin-left:58px;padding-top:10px;padding-bottom:10px;}
#corps_contenu {min-height:954px;width:854px;margin-left:38px;}
.grosTitreBleu  {color:#3D9DDE;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreJaune {color:#E2A92E;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreOrange{color:#E36500;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreRose	{color:#98016B;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreRouge {color:#3D9DDE;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreVert	{color:#008D21;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreBleu2 {color:#292ABA;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.grosTitreGris  {color:#717171;font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}

.TempMeteo{ color:#000; font-weight:700; line-height:14px;}
.TexteMeteo{ color:#666; font-weight:400; line-height:14px;}
.titreSearch  {color:#3D9DDE;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none;font-size:14px;text-decoration:none;}
.titreSearch:hover  {color:#3D9DDE;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none;font-size:14px;text-decoration:underline;}
.corpsSearch {color:#000000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none;font-size:12px;text-decoration:none;}
.corpsSearch:hover {color:#000000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none;font-size:12px;text-decoration:underline;}


#contactform{
	float:left;
	width:450px;
	margin-top:15px;
}


.contactformfieldwrap{
	margin:10px 0 10px 0;
	float:left;
}

.contactformfieldwrap input{
	width:312px;
	border:0px;
	padding:2px;
	color:#666;
	letter-spacing:0.1em;
	font-size:11px;
	border:1px solid #666;
	float:left;
	display:inline;
}

.contactformfieldname{
	float:left;
	width: 105px;
	font-size:12px;
	color:#0B7D8F;
	padding:2px 0 1px 0;
	letter-spacing:0.2em;
	font-weight:bold;
}


.contactformfield{
	display:block;
	float:left;
}


.contactdisclaimer{
	font-size:9px;
	color:#666;
}




.contactformfield textarea{
	width:312px;
	height:150px;
	padding:2px;
	color:#666;
	letter-spacing:0.1em;
	font-size:12px;
	border:1px solid #666;
}


.contactdropdown{
	font-size:11px;
	font-family:arial;
	color:#666;
	padding:1px;
	border:1px solid #666;
}

#contactleftdetailswrap{
	margin-top:50px;
}


#talktous{
	display:block;
	float:left;
	width:250px;
	margin:10px;
	position:relative;
	left:70px;
	top:20px;
}

#talktous p{
	font-size:12px;
	line-height:1.6em;
	margin-top:8px;
}

#talktous h3{
	font-size:18px;
}

#telnum{
	color:#333;
	font-weight:bold;
	float:right;
	font-size:22px;
	width:255px;
	height:90px;
	letter-spacing:0.2em;
	position:relative;
	right:30px;
}

#telnumtxt{
	position:absolute;
	width:220px;
	top:30px;
	right:-10px;
}

#address{
	float:right;
	color:#333;
	margin:5px;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	height:218px;
	width:280px;

}

#addresstxt{
	position:absolute;
	width:220px;
	top:250px;
	left:110px;
}


.sendbtnwrap{
	width:450px;
	text-align:right;
float:left;
}

.sendbtn{
	margin:5px 8px 9px 0;
}

#error img{
	border:0px;
}

#error{
	margin:10px 0 5px 0;
}

#emailerror{
	font-size:11px;
	font-weight:normal;
	color:#990000;
}

#emailerror ul li{
	margin-bottom:8px;
}

#central #LegendeActus{float:left;margin-left:25px;margin-right:25px;margin-top:3px;width:800px}
#central #LegendeActus2{margin-right:25px;margin-top:3px;width:800px}
#central #LegendeActus p{color:#E0B635;font-size:12px;line-height:14px}
#central #LegendeActus2 p{color:#E0B635;font-size:12px;line-height:14px}
#central #EnSavoirPlusActus{background:#E0B635;float:left;margin-left:338px;margin-right:25px;margin-top:-5px;padding:2px;text-align:center;width:80px}
#central #EnSavoirPlusActus2{background:#E0B635;float:right;margin-top:-5px;padding:2px;text-align:center;width:80px}
#central #ListeDesActus{float:left;width:430px}
#central .ContainerLigneActus{cursor:pointer;border-bottom:1px dotted #CCC; float:left; padding:0; width:705px; margin-right: 0; margin-bottom: 5px; margin-left: 25px; }
#central .ContainerLigneActus:hover { background: #F3F3F3; }
#central .ContainerLigneActus .PhotoLigneActus{ background:#CCC url(../_images/PhotoIndispoActus.jpg) no-repeat 0 0; border:1px dotted #E0B635; float:left; height:61px; width:92px; margin: 5px 10px 10px 5px; }
#central .ContainerLigneActus .FolioLigneActus{ color:#DAB235; font-weight:700;  margin-top: 5px; }
#central .ContainerLigneActus .FolioLigneActus span{background:#FFF;border:1px solid #F2C436;color:#E0B635;font-weight:400;margin-right:5px;padding:0 2px;text-align:center}
#central .ContainerLigneActus .TexteLigneActus{ font-size:12px; line-height:14px; }
#central .ContainerLigneActus .EnSavoirPlusLigneActus{background:#E0B635;float:left;padding:2px;text-align:center;width:80px;}
#central .ContainerLigneActus .EnSavoirPlusLigneActus a{color:#fff;text-decoration:none}

#central #LegendeManif{float:left;margin-left:25px;margin-right:25px;margin-top:3px;width:800px}
#central #LegendeManif2{margin-right:25px;margin-top:3px;width:800px}
#central #LegendeManif p{color:#CD61B0;font-size:12px;line-height:14px}
#central #LegendeManif2 p{color:#CD61B0;font-size:12px;line-height:14px}
#central #EnSavoirPlusManif{background:#CD61B0;float:left;margin-left:338px;margin-right:25px;margin-top:-5px;padding:2px;text-align:center;width:80px}
#central #EnSavoirPlusManif2{background:#CD61B0;float:right;margin-top:-5px;padding:2px;text-align:center;width:80px}
#central #ListeDesManif{float:left;width:430px}
#central .ContainerLigneManif{cursor:pointer;border-bottom:1px dotted #CCC; float:left; padding:0; width:705px; margin-right: 0; margin-bottom: 5px; margin-left: 25px; }
#central .ContainerLigneManif:hover { background: #F3F3F3; }
#central .ContainerLigneManif .PhotoLigneManif{ background:#CCC url(../_images/PhotoIndispoManif.jpg) no-repeat 0 0; border:1px dotted #CD61B0; float:left; height:61px; width:92px; margin: 5px 10px 10px 5px; }
#central .ContainerLigneManif .FolioLigneManif{ color:#ad3d88; font-weight:700; width:290px; margin-top: 5px;}
#central .ContainerLigneManif .FolioLigneManif span{background:#FFF;border:1px solid #ad3d88;color:#ad3d88;font-weight:400;margin-right:5px;padding:0 2px;text-align:center}
#central .ContainerLigneManif .TexteLigneManif{ font-size:12px; line-height:14px; width:290px }
#central .ContainerLigneManif .EnSavoirPlusLigneManif{background:#CD61B0;float:left;padding:2px;text-align:center;width:80px;}
#central .ContainerLigneManif .EnSavoirPlusLigneManif a{color:#fff;text-decoration:none}
#central .ContainerLigneManif .ChapoActu{ color:#000; font-weight:400; line-height:14px; margin-bottom:2px; margin-top:2px; float: left; width: 591px; }