@charset "UTF-8";


/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  /*height: 100%;*/
  /*margin-bottom: 1px;*/
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial;
	font-size: 0.80em;
	padding:0px;
	margin:0px;
	background-image:url('../images/fond2.jpg');
	background-color:#FFF;
	background-position:top;
	background-repeat:repeat-x;
	font-family: "Lucida Sans Unicode", "Lucida Grande", MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Tahoma , sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

input.button { cursor: pointer; }

p { margin-top: 5px; margin-bottom: 15px; color: #0069B3; }

li {color:#0069B3;}

img { border: 0 none; }

hr
{
	height: 1px;
	color: #D60059;
	background-color: #D60059;
	border: none;
}

h1{

font-size:1.6em;
color:#E73E33;
font-family:"Futura", "Lucida Grande", MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Tahoma , sans-serif;
font-weight:normal;
text-align:center;

 	
   

/*font-family:;*/
}

h2{
color:#273476;
font-size: 1.2em;
font-family: "Lucida Sans Unicode", "Lucida Grande",MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Tahoma , sans-serif;
font-weight:normal;
}

h2 a:link, h2 a:visited {
color:#3C3C3B;
font-size: 1.1em;
}


h3 {
color:#3C3C3B;
font-size: 1.1em;
font-family:"Lucida Sans Unicode", "Lucida Grande", MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Tahoma , sans-serif;
text-decoration:underline;
font-weight:normal;

}

h4{
color:#D60059;
}


table{
padding:0px;
margin:0px;
/*border-spacing:0px;*/
}

fieldset{
border: 1px solid #D60059;
}





/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#container{

margin-left:auto;
margin-right:auto;
width:958px;

}


#container_haut{
width:958px;
height:793px;
float:left;
}




#logo {
width:666px;
height:203px;
float:left;
background-image:url('../images/coquelle_02.jpg');
background-position:top;
background-repeat:no-repeat;
}


#choix_langue {
width:217px;
height:58px;
float:left;
/*background-image:url('../images/coquelle_06.jpg');*/
background-position:top;
background-repeat:no-repeat;
}

#menu {
width:217px;
height:347px;
float:left;

}


#container_menu_et_langue{
width:217px;
height:405px;
float:left;
}


#container_mot_president_et_actu{
width:449px;
height:405px;
float:left;
}

#mot_president{
width:449px;
height:175px;
float:left;
/*background-image:url('../images/coquelle_07.jpg');
/*background-position:top;
/*background-repeat:no-repeat;*/
}

#message_joomla{
margin-left:15px;
margin-right:15px;
}


#actu{
width:449px;
height:240px;
float:left;
/*background-image:url('../images/coquelle_11.jpg');*/
background-position:top;
background-repeat:no-repeat;
}


#container_haut_droit{
height:608px;
width:292px;
float:left;
}



#container_haut_gauche{
float:left;
height:608px;
width:666px;
}


#marge_haut{
float:left;
width:292px;
height:18px;
}

#diapo1{
float:left;
width:292px;
height:194px;
/*background-image:url('../images/coquelle_05.jpg');*/
background-position:top;
background-repeat:no-repeat;
}


#marge_milieu{
float:left;
width:292px;
height:15px;
}


#diapo2{
float:left;
width:292px;
height:381px;
background-image:url('../images/coquelle_09.jpg');
background-position:top;
background-repeat:no-repeat;
}

#separator_red{
float:left;
width:958px;
height:3px;
background-color:#E73E33;
}


#container_bas{
width:958px;
height:182px;
float:left;
}


#container_bas_gauche{
width:666px;
height:182px;
float:left;
}


#container_bas_gauche_marge_haut{
width:666px;
height:22px;
float:left;
}

#container_elt_menu1{
height:160px;
width:196px;
float:left;
}




#container_elt_menu1_photo{
height:132px;
width:196px;
float:left;

background-image:url('../images/coquelle_16.jpg');
background-position:top;
background-repeat:no-repeat;
}



#container_elt_menu1_ombre{
height:28px;
width:196px;
float:left;
background-image:url('../images/coquelle_b_01_22.jpg');
background-position:top;
background-repeat:no-repeat;
}


#marge_elt1{

height:160px;
width:34px;
float:left;

}


#container_elt_menu2{
height:160px;
width:196px;
float:left;
}

#container_elt_menu2_photo{
height:132px;
width:196px;
float:left;

background-image:url('../images/coquelle_18.jpg');
background-position:top;
background-repeat:no-repeat;
}

#container_elt_menu2_ombre{
height:28px;
width:196px;
float:left;

background-image:url('../images/coquelle_b_01_23.jpg');
background-position:top;
background-repeat:no-repeat;
}

#marge_elt2{

height:160px;
width:35px;
float:left;

}


#container_elt_menu3{
height:160px;
width:196px;
float:left;
}



#marge_elt3{
height:160px;
width:8px;
float:left;
}


#container_elt_menu3_photo{
height:132px;
width:197px;
float:left;

background-image:url('../images/coquelle_20.jpg');
background-position:top;
background-repeat:no-repeat;
}


#container_elt_menu3_ombre{
height:28px;
width:196px;
float:left;

background-image:url('../images/coquelle_b_01_24.jpg');
background-position:top;
background-repeat:no-repeat;

}



#container_bas_droit{
height:182px;
width:292px;
float:left;
/* background-image:url('../images/coquelle_15.jpg'); */ 
background-position:top;
background-repeat:no-repeat;
}


#footer{
height:114px;
width:958px;
float:left;
}


#footer_img{
height:114px;
width:958px;
float:left;
background-image:url('../images/coquelle_25.jpg');
background-position:top;
background-repeat:no-repeat;
position:relative;
}

#menu_bas {
position:absolute;
bottom:0;
right:10px;

}


/* menu */ 
#menu_princ{
padding : 0px;
padding-left:20px;
color:#E73E33;
}

#menu_princ li{
padding-top:7px;
padding-bottom:7px;

position:relative;
width:140px;
}


#menu_princ li a {
color :#0069B3;

font-family : Futura, Arial, serif;
}


#menu_princ li ul {
float:left;
padding-left:125px;
position:absolute;
top:0;
left:20px;



}


#menu_princ li ul li {

display:none;


width:155px;
padding-bottom:8px;
background-color:#FFF; 
opacity:0.9;

 /*ombrage */
	    
	    -moz-box-shadow:1px 2px 1px 0px #656565;
		-webkit-box-shadow: 1px 2px 1px 0px #656565;
		-o-box-shadow: 1px 2px 1px 0px #656565;
		box-shadow: 1px 2px 1Px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=3);
		



	 background-image: url("../images/puce.png");
    background-position: 0px 12px;
    background-repeat: no-repeat;
    padding-left:15px;
        
       
}





#menu_princ li:hover ul li{
display:block;
}

/* module de cnx  */ 

#container_cnx p {
margin:0px;
margin-top:3pX;
}

#container_cnx fieldset{

border:0px;

padding:0px;

margin-left:10px;
margin-right:10px;



}

#container_cnx ul {
margin:0px;
padding:0px;
list-style:none;
}

#container_cnx ul li {
float:left;
margin-left:10px;
}


#container_cnx input {
float:right;
}

#container_cnx .button {
background-color:#0168b3;
color: #FFF;
}

#container_bas_droit a {
color: #E73F34;
}

label  {
color:#0069B3;
}


#menu_footer{
list-style:none;


}

#menu_footer li {

float:left;
}


#menu_footer li a {
color:#FFF;
}

#menu_footer li span {
color:#FFF;
}

