/*--------------------------------------definition de balise----------------------------------------*/
* {
margin:0;
padding:0;
border:0;
}


a:link {
	color:#336699;
	text-decoration:none;
}

a:visited {
	color:#336699;
	text-decoration:none;
}

a:hover {
	color:#3399cc;
	text-decoration:none;
}

/*
	#logovalid span, #shoutbox span, #news span, #logowebmaster span {
display:none;
}
*/


body {
	margin:0px;
	padding:0px;
	border:0px;
	background:#FFF;
	font-family: Optima, "Trebuchet MS", sans-serif;
	font-style:normal;
	font-size:14px;
	color:#666666;
}




h1 {
	background:url(images/puceh1.jpg) no-repeat;
	color:#336699;
	padding-bottom:8px;
	font-variant:small-caps;
	font-size:20px;
	text-indent:30px;
	margin-left:10px;
	padding-top:2px;
}

h2 {
	background:url(images/puceh2.jpg) no-repeat;
	text-indent:15px;
	font-size:18px;
	margin-left:25px;
}


h3 {
	background:url(images/puceh3.jpg) no-repeat left;
	font-weight:100;
	text-indent:8px;
	font-size:14px;
	margin-left:50px;
}

h4 {
	font-weight:100;
	font-size:14px;
	margin-left:70px;
}



p {
	
}

 




/*----------------------------------------------------------------------------------------*/

/*----------------------------definition de class-----------------------------------------*/
.indent {
		text-indent:20px;
}

.indentGrasPagePlan {
	margin-left:40px;
	font-weight:bold;
	margin-top:10px;

}

.indentPagePlan {
	text-indent:100px;
	margin-bottom:10px;

}

.souligneGras {
text-decoration:underline;
font-weight:bold;


}



.mark1 {
	background:url(images/plan_1.jpg) no-repeat left;
	text-indent:25px;
	font-size:14px;
	margin-left:50px;
	margin-top:10px;
	line-height:26px;

}

.mark2 {
	background:url(images/plan_2.jpg) no-repeat left;
	text-indent:25px;
	font-size:14px;
	margin-left:50px;
	margin-top:10px;
	line-height:26px;

}


.mark3 {
	background:url(images/plan_3.jpg) no-repeat left;
	text-indent:25px;
	font-size:14px;
	margin-left:50px;
	margin-top:10px;
	line-height:26px;

}


.mark4 {
	background:url(images/plan_4.jpg) no-repeat left;
	text-indent:25px;
	font-size:14px;
	margin-left:50px;
	margin-top:10px;
	line-height:26px;

}




.MillieuCentrer {
margin-right:auto;
margin-left:auto;
width:860px;
}

.HautCentrer {
margin-right:auto;
margin-left:auto;
width:1000px;
}

.BasCentrer{
margin-right:auto;
margin-left:auto;
width:860px;
padding-top:20px;
}

.copy {
padding-left:270px;
margin-top:-25px;
}

.contactTable{
display:block;
width:400px;
margin-left:10px;
margin-top:20px;
}

.inputcontact {
position:relative;
display:block;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
width:250px;
}

.inputcontact2 {
position:relative;
display:block;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
width:400px;
}

.okContact {
display:block;
background-image:url(images/ok.jpg);
border-style:none;
width:100px;
height:25px;
margin-left:auto;
margin-right:auto;
}

.spacer {
clear:both;
}

.rouge {
color:#FF0000;

}

.vert {
color:#00FF33;

}

/*----------------------------------------------------------------------------------------*/

/*----------------------------definition des id-----------------------------------------*/

/* ////////// haut de pages //////////*/
#haut {
background:url(images/haut.jpg);
width:auto;
height:213px;
}

/* menu principal */

/* ////////// millieu de page ////////// */
#millieucentrer {
margin-top:-10px;

}


#millieuH {
background:url(images/millieuH.jpg) no-repeat;
width:860px;
height:51px;
}

#millieuM {
background:url(images/millieuM.jpg) repeat-y;
width:860px;
height:auto;
}

/* affichage millieu */
#conteneuraffichage {
padding-left:20px;
padding-right:20px;
padding-bottom:3px;

}

#conteneuraffichage p {
text-indent:20px;
text-align:justify;
padding-bottom:4px;
}

#conteneuraffichage img {
border:#999999;
border-width:2px;
border-style:solid;
margin:8px 1px 0px 8px;
}

#video {
width:720px;
height:620px;
margin-left:auto;
margin-right:auto;
margin-top:20px;

}

#conteneuraffichagePlan {
padding-left:20px;
padding-right:20px;
padding-bottom:3px;
}

#conteneuraffichagePlan img{
display:block;
width:600px;
height:450px;
margin-left:auto;
margin-right:auto;

}

#conteneuraffichageContact {
padding-left:20px;
padding-right:20px;
padding-bottom:3px;
display:block;
height:420px;

}


#conteneuraffichageContact img {
border:#999999;
border-width:2px;
border-style:solid;
}

#contactGauche {
display:block;
}

#contactDroit {
display:block;
width:300px;
padding-left:470px;
margin-top:-350px;
}


#conteneuraffichageContact p {

font-weight:bold;
margin-bottom:5px;
}




#conteneuraffichageDroit {
width:580px;
height:100%;
margin-left:235px;
}

#conteneuraffichageDroit img{

}

#conteneuraffichageGauche {
display:block;
float:left;
width:225px;
height:100%;
}




ul#menu
{
	margin:0;
	margin-top:5px;
	padding:0;
	list-style-type:none;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	text-decoration: none ;
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	line-height:31px ;
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:225px;
	height:31px;
	text-indent:10px ; /* On décale le texte de 40px du bord gauche */
	background:url(images/btn_SRub_off.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li a:hover
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:225px;
	height:31px;
	text-indent:10px ; /* On décale le texte de 40px du bord gauche */
	background:url(images/btn_SRub_on.jpg) no-repeat 0 0 ;
}


#textePlan {
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}


#millieuB {
background:url(images/millieuB.jpg) no-repeat;
width:860px;
height:48px;
}

/* menu secondaire */
#menuSec {
margin-left:33px;
padding-top:10px;

}

ul#menuSec {
	list-style-type:none;
	/*suppresion des puces du <ul> */
}

ul#menuSec li{
display:block;
float:left;
}
ul#menuSec li a{
font-size:12px;

}

ul#menuSec li a:link {
	color:#999999;
	text-decoration:none;
}

ul#menuSec li a:visited {
	color:#999999;
	text-decoration:none;
}

ul#menuSec li a:hover {
	color:#336699;
	text-decoration:none;
}






/* ////////// bas de page ////////// */

#bas {
background:url(images/bas.jpg) repeat-x;
width:100%;
height:47px;
margin-top:20px;
}

#hide {
display:none;

}

#logo {
width:120px;
height:23px;
padding-left:200px;
margin-top:-23px;
}

#logAdmin {
display:block;
width:39px;
height:17px;
padding-left:807px;
margin-top:21px;

}