/* CSS Document */
*{
margin:0px;
padding:0px;
}

body {
	background:url('../img/bg/bg.png') repeat-x;
	text-align:center;
	padding:0;
	font:normal 0.8em/1.2em verdana,aria,sans-serif;
	}
a {
	color:#000;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
		color:#FFF;
	}
	
a img
{
border:0px;
}
#container {
	margin:0 auto 0 auto;
	width:900px;
	}

#header {
	width:900px;
	color:black;
	background:white;
	text-align:center;
	height:120px;
	vertical-align:middle;
	}

#header a:hover {
	color:#7A2875;
	}

#menu_horiz{
clear:both;
width:900px;
height:auto;
line-height:20px;
vertical-align:middle;
background-color:#CCCCCC;
text-align:right;
}


#centercol {
	width:656px;
	float:left;
	background:url("../img/bg/logo_big.jpg") no-repeat white;  
	background-position:center;
	height:620px;
}

#centercol_index {
	width:750px;
	float:left;
	background:white;
	height:620px;
	background:url("../img/bg/logo_big.jpg") no-repeat white;  
	background-position:center;
}

#leftcol { 
	float:left; 
	background:white;
	height:620px;
	background-color:white;
	width:149px;
	}
	
#ecole
{
background:#FFCC33;
}

#formations
{
background:#0099FF;
}

#galerie
{
background:#66CC33;
}

#inscription
{
background:#FF99CC;
}

#contact
{
background:#FF9900;
}
	
#sousmenu_ecole {
	float:left;
	width:94px;
	background:url(../img/bg/bg_yellow.png) repeat-x;
	height:620px;
}
	
#sousmenu_formations {
	float:left;
	width:94px;
	background:url(../img/bg/bg_blue.png) repeat-x;
	height:620px;
	}
	
#sousmenu_galerie {
	float:left;
	width:94px;
	background:url(../img/bg/bg_green.png) repeat-x;
	height:620px;
	}
	
#sousmenu_inscription {
	float:left;
	width:94px;
	background:url(../img/bg/bg_pink.png) repeat-x;
	height:620px;
	}
	
#sousmenu_global {
	float:left;
	width:94px;
	background:url(../img/bg/bg_grey.png) repeat-x;
	height:620px;
	}
	
	
#sousmenu_contact {
	float:left;
	width:94px;
	background:url(../img/bg/bg_orange.png) repeat-x;
	height:620px;
	}	

#sousmenu_liste	{
	list-style:none;
	}
	
#sousmenu_liste li{
	text-align:left;
	margin:15px 0 15px 0;
	list-style-image:url(../img/menu/arrow.png);
	margin-left:20px;
	font-size:10px;
}
	
#footer {
	position:relative;
	width:900px;
	clear:both;
	text-align:center;
	border:2px solid black;
}

	
#menuleft1 li{
font-weight:bold;
height:110px;
line-height:20px;
vertical-align:middle;
margin:0px 0px 0px 0px;
list-style:none;
}

#menuleft1 li img{
width:150px;
height:90px;
}

#four_boxes{
margin:50px auto 0px auto;
width:685px;
}

#cadre1{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:105px;
width:300px;
padding-top:95px;
background-color:#CCCCCC;
border:dashed black 1px;
float:left;
margin:15px;

}

#cadre1:hover{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:105px;
width:300px;
padding-top:95px;
border:dashed black 1px;
background:#666666;
float:left;
margin:15px;
text-decoration:underline;
}

#cadre2{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:105px;
width:300px;
padding-top:95px;
background-color:#666666;
border:dashed black 1px;
float:left;
margin:15px;
}

#cadre2:hover{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:105px;
width:300px;
padding-top:95px;
border:dashed black 1px;
background-color:#CCCCCC;
float:left;
margin:15px;
text-decoration:underline;
}

#cadre_title_small
{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:20px;
line-height:20px;
width:428px;
border:dashed black 1px;
margin:5px auto 5px auto;
letter-spacing:3px;
font-size:10px;
}

#four_boxes_small{
margin:20px auto 0px auto;
width:588px;
}

#cadre1_small{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:80px;
width:250px;
background-color:#CCCCCC;
border:dashed black 1px;
float:left;
margin:15px;
padding-top:70px;
}

#cadre2_small{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:80px;
width:250px;
background-color:#666666;
border:dashed black 1px;
float:left;
margin:15px;
padding-top:70px;
}

#cadre1_small:hover{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:80px;
width:250px;
background-color:#666666;
border:dashed black 1px;
float:left;
margin:15px;
padding-top:70px;
text-decoration:underline;
}

#cadre2_small:hover{
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:80px;
width:250px;
background-color:#CCCCCC;
border:dashed black 1px;
float:left;
margin:15px;
padding-top:70px;
text-decoration:underline;
}

#form
{
font-weight:normal;
background:#CCCCCC;
filter:alpha(opacity=90);/*IE*/
-moz-opacity:0.90; /*autres nav*/
opacity: 0.90;
height:auto;
width:600px;
padding:10px 20px 20px 20px;
margin-left:auto;
margin-right:auto;
border:dashed 1px;
font-size:10px;
height:530px;
overflow:auto;
}

h5{
font-size:12px;
}

#button1
{
float:right; text-align:left; height:30px; border:dashed 1px black; vertical-align:middle; line-height:30px; background-color:#FFFFFF;margin:4px;
}

#button1:hover
{
float:right; text-align:left; height:30px; border:dashed 1px black; vertical-align:middle; line-height:30px; background-color:#FFFFFF;margin:4px;
color:black;
}