/* CSS Document */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*------------Réinitialisation des css des navigateurs----------*/
html{color:#000;background:#AFC71E;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a {text-decoration:none;color:#AFC71E;font-weight:bold;}
* {padding:0px;margin:0px;}
strong {font-weight:bold;}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*------------CSS GENERAL---------------------------------------*/

/* bleu = #001B36*/
/* vert = #AFC71E*/

/*---------Structure générale----------*/
body {position:relative;text-align:center;font-family:Century Gothic,Arial,Verdana;font-size:12px;height:100%;}
#page {position:relative;width:1000px;margin:0px auto;text-align:left;border:1px solid #fff;}
#page_intro {position:absolute;width:700px;height:560px;left:50%;top:50%;/*margin:0px auto;*/margin-top:-280px;margin-left:-350px;text-align:center;border:1px solid #fff;background:#001B36;}
#page_accueil{position:relative;width:1000px;margin:0px auto;text-align:left;border:1px solid #fff;display:none;}

/*---------intro animée---------------------*/
#foot_intro {position:relative;background:#001B36;color:#AFC71E;font-size:14px;font-weight:bold;cursor:pointer;width:200px;margin:0px auto;height:20px;}
#flash_intro {position:relative;width:700px;height:525px;z-index:1;}
#copy_intro {position:absolute;right:0px;bottom:-12px;font-size:10px;color:#001B36;}
#copy_intro:hover{color:#fff;}

/*---------bandeau---------------------*/
#bandeau {position:relative;width:1000px;height:311px;background:#001B36;}

/*---------page---------------------*/
#contenant {position:relative;width:1000px;background:#001B36 url(../images/fonds/fond_extensible.jpg) repeat-y;padding-top:20px;}
#gauche {position:absolute;top:0px;left:-302px;}
#gauche_intro {position:absolute;top:0px;left:-227px;}
#droite {position:absolute;top:0px;right:-298px;}
#droite_intro {position:absolute;top:0px;right:-226px;}

/*---------Hauteur minimal pour IE---------------------*/
#hauteur_min {position:relative;float:left;width:1px;height:201px;}

/*---------Colonne Gauche---------------------*/
#titre {position:absolute;top:-20px;left:0px;z-index:10;}
#colonne {position:relative;float:left;padding-left:44px;z-index:1;width:171px;}


/*---------photo droite---------------------*/
#photo_droite {position:absolute;top:0px;left:685px;width:314px;height:210px;}
#photo_droite #image {position:absolute;top:0px;left:0px;width:315px;height:210px;}
#photo_droite #slogan {position:absolute;top:0px;left:0px;width:314px;color:#ffffff;font-size:15px;text-align:center;font-weight:bold;}

/*---------Texte---------------------*/
#texte {position:relative;margin-left:281px;width:330px;text-align:justify;color:#fff;padding-bottom:20px;font-size:14px;}
.titre_page {font-size:20px;font-weight:bold;}
.gras {font-weight:bold;}
.vert {color:#AFC71E;}
#texte a {color:#AFC71E;font-weight:bold;}
hr {width:330px;color:#AFC71E;}
#texte img {margin:0px 4px;}

/*---------diaporama---------------------*/
#diaporama {position:relative;margin-left:215px;width:785px;text-align:justify;color:#fff;padding-bottom:20px;font-size:14px;}
#diaporama a {color:#AFC71E;font-weight:bold;}
.filmstrip img{width:87px;height:85px;}
#texte_diapo {position:relative;margin-left:66px;width:650px;text-align:justify;color:#fff;padding-bottom:20px;font-size:14px;}
#texte_diapo a {color:#AFC71E;font-weight:bold;}
#texte_diapo hr {width:650px;color:#AFC71E;}
#texte_diapo img {margin:0px 4px;}
.panel img {position:absolute;bottom:0px;}
.panel-overlay {line-height:12px;}
.panel-overlay h2 {font-size:20px;line-height:20px;font-weight:bold;display:inline;}



/*---------footer---------------------*/
#pied {position:relative;width:1000px;height:31px;/*height:77px;*/clear:both;background:#ffffff url(../images/fonds/image_pied.jpg) no-repeat top left;}
#logos {position:absolute;top:2px;left:280px;width:650px;height:76px;}
#logos td {text-align:left;vertical-align:middle;}

#menu_secondaire {position:absolute;top:8px;left:278px;/*top:80px;left:44px;*/font-size:11px;}
#menu_secondaire a {color:#001B36;}
#menu_secondaire a.allume {color:#AFC71E;font-weight:bold;}
#menu_secondaire a:hover {color:#AFC71E;}
#colonne_contacts {position:absolute;top:-98px;left:44px;z-index:100;}
#colonne_presentation {position:absolute;top:-117px;left:44px;z-index:100;}
#colonne_services {position:absolute;top:-52px;left:44px;z-index:100;}

/*---------copyright---------------------*/
#copy {position:absolute;left:44px;bottom:36px;font-size:10px;color:#001B36;}
#copy:hover{color:#AFC71E;}

/*---------encart actualites---------------------*/
#actus {position:relative;width:171px;height:252px;overflow:hidden;}
#defile {width:171px;color:#ffffff;}
#defile .date_actu {color:#001B36;font-size:14px;font-weight:bold;}
#defile .titre_actu {color:#ffffff;font-size:12px;margin:0px 12px;display:block;}
#defile a{color:#001B36;font-size:12px;font-weight:bold;}

/*---------page actualites---------------------*/
#colonne_actu{position:relative;top:-20px;}
.date_actu {font-size:16px;font-weight:bold;color:#fff;}
.titre_actu {color:#AFC71E;font-size:14px;margin:0px;font-weight:bold;}
.texte_actu {color:#ffffff;font-size:14px;}
.texte_actu a{color:#001B36;font-size:14px;font-weight:bold;}


/*---------plan_du_site---------------------*/
#plan {list-style:none;list-style-position:outside;width:330px;}
#plan li {list-style:none;list-style-position:outside;font-size:14px;font-weight:bold;border-bottom:2px solid #AFC71E;padding-bottom:10px;width:330px;}
#plan li li {margin-left:20px;border:0px;font-weight:normal;padding:0px;}
#plan a {color:#ffffff;}
#plan a:hover {color:#AFC71E;}

/*---------Encart coordonnées gauche---------------------*/
#contact_gauche {position:relative;margin-bottom:90px;color:#001B36;}
span.contact_gauche_titre {font-weight:bold;font-size:13px;}
span.contact_gauche_texte {margin:0px 8px;display:block;margin-bottom:20px;}

/*---------contact---------------------*/
table.contact {font-size:12px;width:330px;position:relative;}
table.haut {margin-bottom:20px;}
table.formulaire td {padding:2px 0px;}
table.formulaire td.text {width:100px;font-weight:bold;}
table.formulaire td.champ {width:230px;}
table.formulaire td.champ input {width:230px;border:1px solid #9F7D46;}
table.formulaire td.champ select {width:230px;}
table.formulaire textarea {width:330px;border:1px solid #9F7D46;height:100px;}
table.bas td.info {width:200px;}
table.bas td.info a{color:#AFC71E;}
table.bas td.info a:hover{color:#ffffff;}
table.bas td.bouton {width:130px;text-align:right;}
table.bas td.bouton input {border:0px;background:transparent url(../images/pages/bt_envoyer.jpg) no-repeat;width:69px;height:21px;color:#AFC71E;cursor:pointer;}
table.bas td.bouton input:hover {color:#ffffff;}
#infocontact {color:red;}

/*---------Sous menus---------------------*/
.sous_menu {position:relative;margin-bottom:130px;}
.sous_menu li{list-style-type: none;list-style-image: url(../images/fonds/puce_bleu.jpg);list-style-position: inside;color:#001B36;width:154px;margin:0px;padding:4px 0px;}
.sous_menu li.allume{list-style-image: url(../images/fonds/puce_blanc.jpg);}
.sous_menu li a{color:#001B36;font-size:13px;}
.sous_menu li a.allume{color:#001B36;font-weight:bold;}

/*---------sommaire---------------------*/
table.sommaire {position:relative;font-size:12px;width:330px;}
table.sommaire td {width:110px;height:100px;vertical-align:top;text-align:center;}
table.cellule {position:relative;width:110px;height:100px;margin-bottom:10px;margin-right:10px;}
table.cellule td.images {width:110px;height:100px;background:#fff;vertical-align:middle;text-align:center;border:1px solid #fff;}
table.cellule td.texte {width:110px;height:40px;vertical-align:top;text-align:left;font-size:12px;margin:0px;}
table.cellule td.texte a {font-size:12px;color:#AFC71E;}
table.cellule td.texte a:hover {color:#fff;}