/* ---------------BODY est le background --------------- */

* {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
padding:0; margin:0}

body
{background-color:#444;}

#global{margin:0px auto; 
width:950px; 
border:3px solid #f39b30;
padding-bottom:90px;
background:url(images/foule.gif) bottom repeat-x white;}



/* ---------------entete--------------- */


#haut
{margin:0px auto; 
width:950px; 
height:120px;
padding-top:25px;}


/* ---------------Div Menus et Menu principal--------------- */

div#menus
{height:137px;
background:url(images/bande-jaune-menu.gif) repeat-x;
text-align:center}

ul#menu1
{height:20px;
padding:10px 0 16px 0}

ul#menu1 li
{list-style-type:none; 
float:left;
padding:0px 30px;
margin:0;}

#menu1 li+li
{border-left: 1px solid #f6b464;}

ul#menu1 li.actif a
{background:url(images/triangle-menu1.gif) no-repeat -15px 9px;
display:block;
height:35px}




/* ---------------Menu secondaire--------------- */


ul#menu2
{height:30px;}

ul#menu2 li
{list-style-type:none; 
float:left;
padding:0px 50px;
height:10px}

ul#menu2 li.actif a
{background:url(images/triangle-menu2.gif) no-repeat -15px 7px;
display:block;
height:40px}

#menu2 li+li
{border-left: 1px solid #f8cd97;}




/* ---------------divs de contenu--------------- */


div#partenaires
{float:left;
width:650px;
margin:20px 0 0 40px;
border-bottom: 1px dotted #FF6600;
}

div#partenaires .rangee-partenaires
{height:80px;
margin:10px 0;}

div#partenaires .rangee-partenaires span
{display:block;
width:24%;
float:left}


div#production
{float:left;
width:650px;
margin:0px 0px 20px 40px;
}

div#gauche
{float:left;
width:260px;
margin:0 30px 0px 40px;}


div#gauche .rangee
{height:110px;
margin:0;}


div#gauche .rangee span
{float:left;
display:block;
width:50%;}


div#centre
{float:left;
width:300px;
margin-bottom:20px}

div#centre .rangee
{height:110px;
margin:0;;}


div#centre .rangee span
{float:left;
display:block;
width:50%;}


div#intro
{float:left;
width:400px;
margin-bottom:20px}


div#video
{float:left;
width:400px;
margin-bottom:20px}


ul#droite
{float:right;
width:200px;
margin:0 0px 20px 0px;
background:url(images/bande-blanche-droite.gif) repeat-y #f39b30;}

ul#droite li
{padding:10px 10px 10px 40px;
list-style-type:none;}

ul#droite li+li
{border-top: 1px dotted white;}

ul#droite ul li+li
{border:none;}

ul#droite ul li
{padding:5px 10px 5px 40px}

ul#droite ul
{border-bottom: 1px dotted white;
padding-bottom:10px;
margin-top:-10px}

ul#droite li.actif
{background:url(images/triangle-droite.gif) no-repeat center left;}

td
{vertical-align:top;}

#clear
{clear:both}




/* ---------------pied de page--------------- */



#pied
{margin:0px auto; 
width:950px;
height:40px ;
background:url(images/au-coeur-de-votre-vie.gif) no-repeat top right;}

#pied ul
{padding:10px 0;}

#pied ul li
{list-style-type:none; 
float:left;
padding:0 10px;}

#pied li+li
{border-left: 1px solid #f39b30;}





/* ------------- TYPO --------------- */


/* - entete et menu principal - */
div#haut h1
{font-size:18px;
color:#444;
display:inline}

ul#menu1
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
text-transform:uppercase; 
font-weight:bold;
font-size:14px; 
line-height:16px;}

ul#menu1 li a
{color:white}

ul#menu1 li.actif a, ul#menu1 li a:hover
{color:#444}




/* - menu secondaire - */
ul#menu2 li 
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
font-size:11px; 
text-transform:uppercase;
font-weight:bold;}

ul#menu2 li a
{color:white}

ul#menu2 li.actif a, ul#menu2 li a:hover
{color:#444}





/* - div gauche intro centre et video - */
#gauche, #centre, #partenaires, #video, #intro
{font-size:11px;
line-height:17px;
color:#444 }

#gauche a, #centre a
{color:#444;
text-decoration:underline}

p
{margin:10px 0;}

p2
{margin:10px 10px 10px 10px;}

p.jaune
{color:#f39b30;
font-style:italic}

h2
{color:#f39b30;
text-transform:uppercase;
font-size:14px;}

h3
{color:#f39b30;
font-size:12px;}

h4
{color:#b7b4b4;
font-size:12px;}

h5
{color:#000000;
font-size:10px}

h6
{color:#000000;
font-size:10px;
font-weight:lighter}

h7
{color:#ffffff;
font-size:10px;}

/* - div de droite - */
ul#droite li a
{font-size:13px; 
color: white;}

ul#droite ul li a
{font-size:11px; }

ul#droite ul li
{line-height:12px;}


ul#droite li a:hover, ul#droite li.actif a
{color:#444}






/* - pied de page - */
#pied ul li
{font-size:11px; 
text-transform:uppercase;}

#pied ul li a
{color:#f39b30;}

#pied ul li a:hover
{color:white}




/* - en final - */
a {text-decoration:none;
font:bold;
color: #333333;}
a img, #haut img{border:0}