/* CSS Document */
body {font: 1.0em verdana, arial, sans-serif;  /* overal font and sizing */
		text-align:center; /* centers the layout in IE */
		background-color:#B2B2B2;
		behavior:url(csshover.htc);
		}
* {margin:0; padding:0;} /* removes defaults of all elements */
div#mainwrap {width:980px;
		margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
		text-align:left; /* stops elements inheriting the body's text-center */
		}
div#tetepage {
		height:150px;
		width:980px;
		padding-top:0px;
		background-color:#000099;
		background-image:url(images07/modeleBandeau.png);
		/*background-image:url(imagefond/modeleHeader.png)*/ ;
		background-repeat:repeat-y;
		text-align:center;
		/*border:solid green;*/
		} /* tempoarary placeholder styles for header */
div#tetepage img {
	float:left;
	margin-left:20px;
	margin-top:8px;
	}	
div#menuimage {
		height:50px;
		width:980px;
		padding:0px;
		margin-right:2px;
		margin-top:24px;
		background-image:url(images07/bandeau/fond_haut.gif) ;
		/*background-repeat:repeat-y;
		text-align:center;*/
		/*border:solid yellow;*/
		} 

div#teteColGauche {
		margin-left:0px;
		padding:0px;
		width:150px;
		height:140px;
		}
	/* debut des def pour le menu deroulant */
		/* masque les menu déroulants */
	body div#menuderoule ul li ul {display:none;}
	
	
	div#menuderoule {
		width:980px;
		height:22px;
		float:left;
		border:0px;
		font-size:0.9em;
		font-weight:bold;
		background-image:url(images07/bandeau/fondbleu.gif);
		/*background-image:url(imagefond/modeleFooter.png) ;*/
		/*background-repeat:repeat-y;*/
		/*background-color:#000099;*/
		padding-top:15px;
		/*border:solid green;*/
		}
	div#menuderoule ul {
		margin:0 0 0 120px;
		}
	div#menuderoule li {
		float:left;
		position:relative;
		list-style:none;
		background-color:#000099;
		padding:5px;
		border:1px solid #FF9900;
		border-left:0px;
		z-index:10;
		
		}	
	div#menuderoule li:first-child {
		border-left:1px solid #FF9900;
		}
	div#menuderoule a, div#menuderoule p {
		display:block;
		padding:0 12px;
		text-decoration:none;
		color:#FFFF00;
		}
	div#menuderoule a:hover{
		color:#FF9900;
		text-decoration:underline;
		text-shadow: 1px 1px 1px #FF9900;

		}

	div#menuderoule ul li ul {
		margin:0;
		position:absolute;
		width:10em;
		left:-1px;
		top:27px;
		}
	div#menuderoule ul li ul li {
		width:100%;
		border-top:0px;
		border-left:1px solid #FF9900;
		border-bottom:1px solid #FF9900;
		border-right:1px solid #FF9900;
		margin-left:0px;
		z-index:10;
		}
	div#menuderoule ul li ul li:first-child {
		border-top:1px solid #FF9900;
		}
	div#menuderoule ul li:hover ul, div#menuderoule ul li ul:hover {display:block;}
		
	/* fin des defs pour le menu deroulant */
	
	div.plan {
		width:680px;
		float:left;
		font-size:1.0em;
		font-weight:bold;
		margin-top:0px;
		color:#996600;
		}
	div.plan ul li,div.plan ul li ul
		{
		margin-top:10px;
		line-height:1.1;
		/*border:solid;*/
		}
	
	div.plan ul li a, div.plan ul li ul li a{
		/*border:solid green;*/
		color:#996600;
		}
	div.plan ul li a:hover,div.plan ul li ul li a:hover{
		color:#FFCC00;
		}
	div.plan ul li ul li ul li{
		/*border:solid red;*/
		list-style:none;
		padding:0;
		font-size:0.8em;
		}
	/* début des defs pour le rappel du sous-menu */
	div#rappelmenu span {
		font-weight:bold;
		color:#FF9900;
		text-decoration:underline;
		width:110px;
		}
	div#rappelmenu {
		float:left;
		border:0;
		width:140px;
		margin-top:5px;
		margin-bottom:150px;
		/*margin-right:20px;*/
		padding-left:10px;
		margin-right:10px;
		color:#FFFF00;
		overflow:hidden; 
		}
		
	div#rappelmenu ul:first-child { /*header du sous menu*/
		border:0;
		padding-bottom:5px;
		border-bottom:dotted 2px;
		margin-right:5px;
		border-color:#FFFF00;
		}	
	div#rappelmenu ul:first-child li{ /*header du sous menu*/
		list-style:none;
		padding-left:0;
		}		
	div#rappelmenu ul li {
		border:0 ;
		padding-left:10px;
		padding-bottom:5px;
		padding-top:5px;
		list-style:none;
		}
	div#rappelmenu ul li ul li{
		padding:0;
		border:0 ;
		margin-left:20px;
		font-style:italic;
		font-size:0.8em;
		}
	
	/* fin des defs pour le rappel du sous-menu */
	
	/* début des defs pour les trois colonnes */
	div#zoneainfo {
		width:980px;
		margin:0px;
		background-image:url(images07/bandeau/fondgris.gif);
		background-repeat:repeat;
		}
	div#colonnecentre{
		width:680px;/*background-color:#669966;*/
		float:left;
		margin:0px;
		padding:0px;
		margin-bottom:25px;
		/*border:solid yellow;*/
		}
	div#colonnecentre h2{
		line-height:1.5;
		text-align:left;
		padding:10px
		}	
	div#colonnecentre h3{
		text-align:left;
		padding:10px;
		text-shadow: 1px 1px 1px #000;
		}	
	div#colonnecentre p{
		/*clear:both;*/
		font-size:1em;
		margin-top:0px;
		margin-bottom:.5em;
		line-height:1.5;
		text-align:justify;
		text-indent:1.5em;
		padding-left:20px;
		padding-right:20px;
		z-index:1;
		
		}
	div#colonnecentre p span, div#colonnecentre ul li span{
		font-weight:bold;
		font-style:italic;
	
		}
	/*style de lien dans le texte*/
	div#colonnecentre p a, ul li a {
		font-style:italic;
		font-weight:bold;
		text-decoration:none;
		color:#FFFF00;
		z-index:1;
		}
	/*style de lien dans le texte en cas de survol*/
	div#colonnecentre p a:hover, ul li a:hover {
		font-style:italic;
		text-decoration:underline;
		color:#FF9900;
		text-shadow: 1px 1px 1px #FF9900;
		}	
	/*style des listes dans le texte*/
	div#colonnecentre ul li{
		/*border:solid red;*/
		margin:0px 30px 10px 60px;
		}	
	div#colonnegauche{
		width:150px;
		float:left;
		padding:0;
		margin:0;
		/*border:solid yellow;*/
		overflow:hidden;
		}
	div#colonnegauche p{
		margin:0;
		padding:0;
		width:150px;
		border:solid yellow;
		}
	div#colonnedroite{
		padding:0px;
		width:150px;
		float:left;
		/*border:solid blue;*/
		overflow:hidden;
		}
	div#colonnedroite img{
		border:0px;
		float:none;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:20px;
		/*border:solid blue;*/
		}
	div#colonnedroite p{
		padding:5px;
		margin:1px;
		font-weight:bold;
		color:#FFFF00;
		text-align:center;
		}
	div#croquis {
		width:660px;
		heigth:800px;
		padding:0px;
		margin-bottom:20px;
		}
/* début des defs pour le pied de page */
div#piedpage {
		background-image:url(images07/bandeau/pied.png);
		height:50px;
		/*float:left;*/
		border:0px;
		/*border-style:ridge;*/
		margin-top:0px;
		padding:1px;
		} 
	div#piedpage ul {
		margin:1px 1px 1px 1px;
		}
	div#piedpage  li {
		float:right;
		list-style-type:square;
		margin-right:12px;
		margin-left:12px;	
		margin-top:10px;
		}
	div#piedpage  a{
		font-style:italic;
		font-weight:bold;
		text-decoration:underline;
		color:#FFFF00;
		}
	div.blocLiensDTexte  a,  div.blocLiensGTexte  a {
	font-style:italic;
		font-weight:bold;
		text-decoration:underline;
		color:#CC6600;
		}
	div#piedpage a:hover{
			font-style:italic;
			text-decoration:underline;
			color:#FF9900;
			}
	div.blocLiensDTexte  a:hover,  div.blocLiensGTexte  a:hover {
			font-style:italic;
			text-decoration:underline;
			color:#FF3300;
			text-shadow: 1px 1px 1px #FF3300;
			}
	div#logoW3C{
			border:0px;
			width:88px;
			height:31px;
			margin-left:30px;
			margin-top:8px;
			}	
	div#logoW3C img{
			border:none;
			}			
div.blocNews, div.blocContact{
	float:left;
	width:680px;
	margin-bottom:20px;
	}
div#video1, div#video2 {
	float:left;
	width:320px;
	height:260px;
	margin:5px 10px 5px 10px;
	/*border:solid red;*/
	}
div.blocContact h4{
	padding: 8px 20px 6px 20px;
	text-align:left;
	text-shadow: 1px 1px 1px #000;
	}
div.blocContact a{
	font-style:italic;
		font-weight:bold;
		text-decoration:none;
		color:#FFFF00;
		padding-left:45px;
	}
div.blocContact a:hover{
	font-style:italic;
		text-decoration:underline;
		color:#FF9900;
	}
div.blocNews h4{
	padding: 8px 20px 6px 20px;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
	}
div.titreNews{
	float:left;
	width:680px;
	height:60px;
	background-image:url(images07/bandeau/titreNews.gif);
	background-repeat:no-repeat;
	}
div.titreNews h4{
	padding-top:8px;
	font-size:1.2em;
	color:#FFFF00;
	text-align:center;
	text-shadow: 2px 2px 2px #000;
	}
	
div.blocLiens{
	width:680px;
	height:120px;
	}
div.blocLiensG ,div.blocLiensD{
	float:left;
	width:338px;
	height:120px;
	border-bottom:2px solid #666666;
	}
div.blocLiensG{
	border-right:2px solid #666666;
	}
div.blocLiensGTexte, div.blocLiensDTexte{
	padding-top:40px;
	padding-left:10px;
	float:left;
	width:210px;
	height:80px;
	text-align:center;
	}
div.blocLiensDImage,div.blocLiensGImage{
	float:left;
	width:100px;
	height:100px;
	padding-top:10px;
	
	}
div.blocLiensDImage img ,div.blocLiensGImage img{	
	border:1px solid #FF9900;
	}
div.secondaryimage {
	float:left;
		width:220px;
		float:right;
		margin:5px 8px 0px 10px;
		}
div.secondaryimageP {
		width:165px;
		float:right;
		margin:5px 8px 0px 10px;
		}	
	div.mainimage {
		width:220px;
		float:left;
		margin:5px 8px 0px 10px;
		}	
	div.mainimageP {
		width:165px;
		float:left;
		margin:5px 8px 0px 10px;
		}		
	div.mainimage img,div.mainimageP img,div.secondaryimage img, div.secondaryimageP img {
		border:0px;
		}

	div#colonnecentre .secondaryimage p,div#colonnecentre .secondaryimageP p, div#colonnecentre .mainimage p,div#colonnecentre .mainimageP p{
		text-align:center;
		text-indent:0;
		font-size:0.8em;
		font-weight:bold;
		text-shadow: 1px 1px 1px #666666;
		}	
	img {float:left;margin:0;}				
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* THE HACK ZONE - */
	/* hack pour IE 6 */
	* html div#menuderoule ul {
		float:left; 
		border-left:1px solid #FF9900; /* ajoute la barre verticale */
		margin-left:75px; /* IE double cette valeur */
		}
	/* add a top line to drops and pops in IE browsers - can't read :first-child */
	* html  div#menuderoule ul li ul {
		border-top:1px solid #FF9900;
		border-left:0px;
		margin-top:-1px;
		}
	/* * html  div#menuderoule ul li ul li{
		z-index=10;
		} */
	* html div#video1, * html div#video2 {
		padding:0;
		margin-right:0px;
		margin-left:6px;
		}
	* html	div#rappelmenu ul { /*enleve la bullet sous IE6*/
			border:0px ;
			padding-left:15x;
			padding-bottom:5px;
			padding-top:5px;
			list-style:none;
			}	
	* html div#colonnecentre{
			width:660px;
		padding:0px;
		margin:0;
		/*width:650px;*/
		
		}
	* html div#colonnecentre p{
			padding-left:20px;
			padding-right:0px;
			}
	* html div#colonnedroite img{
		margin-left:30px;
		margin-bottom:20px;
		/*border:solid blue;*/
		}
	* html div#colonnedroite p{
		padding:5px;
		margin-left:20px;
		font-weight:bold;
		color:#FFFF00;
		text-align:center;
		}
	* html div.blocNews, *html div.blocContact{
	float:left;
	width:660px;
	margin-bottom:20px;
	}
/* hack pour les PNG IE 6 */	
	* html div#tetepage {
		height:48px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src="images07/modeleBandeau.png");
		background-image: none;
		background-repeat:repeat-y;
		text-align:center;
		/*border:solid green;*/
		} /* tempoarary placeholder styles for header */
	* html div#piedpage {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src="images07/bandeau/pied.png");
			background-image: none;
			height:33px;
			float:left;
			border:0px;
			border-top:solid ;
			border-color:#336666;
			/*border-style:ridge;*/
			padding:5px;
			} 
	* html div#zoneainfo {
		width:980px;
		margin:0px;
		/*background-image:url(imagefond/modeleHeader.png);*/
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="images07/bandeau/fondgris.gif");
		background-image: none;
		background-repeat:repeat;
		/*background-image:url(imagefond/modeleHeader.png);*/
		/*background-repeat:repeat-y;*/
		/*border:solid red;*/
		}
	* html div#menuderoule {
		width:100%;
		heigth=22px;
		float:left;
		font-size:0.8em;
		font-weight:bold;
		background-image:url(images07/bandeau/fondbleu.gif) ;
		padding-top:15px;
		margin-bottom:0;
		
		}
	* html div#menuimage {
		margin:0;
		}
	 * html a, * html input{
	 	position: relative;
		} 
	 
/* hack IE7 */
	*+html div#menuderoule ul {
		float:left;
		margin-left:150px;/*IE ne double plus cette valeur...*/
		  }
	*+html div#menuimage {
		margin:0;
		}
	*+html  div#menuderoule ul li ul {
		border-top:1px solid #FF9900;
		border-left:0px;
		 margin-top:0px;
		 } 
	*+html	 div#rappelmenu  { /*recentre le rappel du menu*/
			border:0px ;
			padding-left:10px;
	
			}	
	*+html	 div#rappelmenu ul { /*enleve la bullet sous IE7*/
			border:0px ;
			padding-left:15x;
			padding-bottom:5px;
			padding-top:5px;
			list-style:none;
			}	
/* fin hack IE7 */