/* CSS Document */
body {background-color:#4A4A4A; margin:0px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#body_autrespages {background-color:#000000; margin:0px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

h1, h2, h3 {font-family:/*"Arial Narrow"*/, Arial; color:#EDCDA2; font-weight:normal}
h1 {font-size:28px}
h2 {font-size:14px; font-weight:bold}
h3 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a:link, a:visited, a:active {color:#EDCDA2;}
a:hover {color:#FFFFFF;}

#conteneur {width:auto; min-width:1000px;}
/* POUR RESOUDRE LE PROBLEME DE MIN-WIDTH SOUS IE6 */
* html .conteneur_minwidth_IE {/* largeur mini du site pour IE */ padding-left: 1010px;}
* html .conteneur_container_IE {/* complément à .minwidth pour IE */ margin-left: -1010px; /* négatif valeur largeur mini pour IE */position: relative;}
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE  {/* complément à .minwidth pour IE */height: 1px;}


/* HAUT DE PAGE */
#banniere {width:auto; background-image:url(imgs/fond_banniere.jpg); background-repeat:repeat-x; background-color:#333333}
#menu {width:auto; background-image:url(imgs/fond_menu.jpg); background-repeat:repeat-x; margin-top:0px; background-color:#333333} 
/*Correction d'une erreur de marge sous IE*/* html #menu {margin-top:-3px;}


/* CONTENU DE LA PAGE */
#contenu {width:100%; min-height:342px; background-image:url(imgs/fond_news.jpg); background-repeat:repeat-x; overflow:hidden; background-color:#000000;}
#contenu_texte_image {padding-left:54px; width:527px; float:left; padding-right:50px}
#conteneur_3_colonnes {padding-left:54px; width:900px; float:left; padding-right:50px}
/* GESTION DU CONTENU TEXTE */  
/* POUR UNE SEULE COLONNE, TAPER LE TEXTE ENTRE LES BALISES <p></p> UNIQUEMENT */
#contenu_texte_image p {width:500px;}
/* POUR DEUX COLONNES, TAPER LE CONTENU DANS DEUX <DIV CLASS="contenu_texte_2_colonnes">, LES DIV DOIVENT ETRE A L'INTERIEUR DES BALISES <p></p> */ 
.contenu_texte_2_colonnes {width:285px; float:left; padding-right:20px;}
/* POUR TROIS COLONNES, TAPER LE CONTENU DANS DEUX <DIV CLASS="contenu_texte_3_colonnes">, LES DIV DOIVENT ETRE A L'INTERIEUR DES BALISES <p></p> */ 
.contenu_texte_3_colonnes {width:250px; float:left; padding-right:50px;}
#contenu_img {float:left; padding-left:10px; width:280px}
.contenu_img_txt {padding-left:500px}

#photo_laurent {width:280px; height:336px; background:url(imgs/laurent_ketz.png); background-repeat:no-repeat;}
* html #photo_laurent {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='imgs/laurent_ketz.png'); background-image: none;}
#photo_charles {width:280px; height:381px; background:url(imgs/charles_morane.png); background-repeat:no-repeat;}
* html #photo_charles {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='imgs/charles_morane.png'); background-image: none;}
#photo_accroche { position:absolute; top:55px; left:570px; width:120px; height:700px; background:url(imgs/accroche.png); background-repeat:no-repeat;}
* html #photo_accroche {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='imgs/accroche.png'); background-image: none;}

/* GESTION DES NEWS */
.news {width:323px; float:left; overflow:hidden;}
.img_news {width:inherit; height:199px;}
.contenu_news {width:310px;}
.contenu_news h1 {padding-left:54px;}
.contenu_news h2 {padding-left:54px; margin-top:-3px}
.contenu_news p {padding-left:54px;}


/* BAS DE PAGE */
#pied_page {width:auto; height:247px; background-image:url(imgs/fond_piedpage.jpg); background-repeat:repeat-x; bottom:0px; background-color:#4A4A4A; }

#achaud {width:813px; float:left;}
#logo_achaud {width:inherit; height:130px;}
#contenu_achaud {width:inherit; color:#EDCDA2; padding-bottom:10px;}
#contenu_achaud .date {font-size:10px}
.contenu_achaud_date {width:90px; padding-left: 55px; padding-top:5px; padding-bottom:5px; float:left;}
.contenu_achaud_news {width:100%; padding-left: 55px; padding-top:5px; padding-bottom:5px; float:left; font-weight:bold;}


#omtr {width:487px; height:247px; float:left; margin-left:5px;}