/* CSS Document */
/* Conception de cette feuille de style : agence Vous Loire - Tous droits réservés */


/*_____BLOCS GENERAUX_____*/
html, body { margin: 0 auto; text-align:center; font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #330000;background: #fff url(../images_nav/fond_body.gif) repeat-x;}
#container { width: 800px; padding: 0; margin: 0 auto; background: #B2BB1B url(../images_nav/fond_container.gif) top left repeat-x;}	

/*_____TABLE_____*/
table {font-size:12px;}

/*_____POLICES_____*/
a { color: #000; border:0;}
a:hover { color: #000; text-decoration: none; }
a img{border:0;}
h6.gris { font-size: 10px; margin: 0; padding: 0; font-weight: normal; }
h6.gris a { color: #000; }
h6.gris a:hover { text-decoration: none; }

/*_____BANDEAU DE RETOUR AU BACKOFFICE_____*/
#retour_backoffice {float:left;width: 650px; height: 15px; text-align:center; background-color:#494949; color:#9AC01B; padding:15px 0; margin:2px 0 2px 0;}
#retour_backoffice a {color:#9AC01B; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif;}
#retour_backoffice a:hover {color:#9AC01B; text-decoration:underline; }


/*_____ENTETE_____*/
#container #entete { position:relative; top:0px; width: 800px; height: 149px; text-align:left;}
#container #entete img {behavior: url(includes/iepngfix/iepngfix.htc); }
#container #entete div#logo {float:left; padding:22px 0 0 50px; }
#container #entete div#contactez_nous {float:left; padding:52px 0 0 300px;  }
#container #entete div#contactez_nous img.contact{margin:0 0 20px 3px; behavior: url(includes/iepngfix/iepngfix.htc);}
#container #entete h1 {float:left; clear:left; width:700px; padding:10px 0 0 70px; color:#810053; font-size:11px; font-weight:bold;}

/*_____BLOC MENU_____*/
#container #menu { position:relative; top:0px; width: 800px; height: 230px;  background: url(../images_nav/sportifs.png) no-repeat; behavior: url(includes/iepngfix/iepngfix.htc);}
#container #menu ul{margin:0; padding:5px 0 0 70px; text-align:left;  line-height:19px; font-size:12px; list-style-type:none;}
#container #menu ul li {border-bottom:dotted 1px #9C4683; width:300px; margin:0; padding:0; background: url(../images_nav/puce_blanche.gif) 0 7px no-repeat; }
#container #menu ul li a{color:#fff; text-decoration:none; margin-left:15px;}
#container #menu ul li a:hover{color:#9BCC32; text-decoration:none; }
#container #menu ul li.select {padding-left:15px; width:285px; *width:300px; background: url(../images_nav/puce_verte.gif) 15px 7px no-repeat; color:#99CC31; }
#container #menu ul li.select a{color:#99CC31;}

/*_____BAS DE PAGE_____*/
#container #basdepage {float:left; padding: 25px 0 0 80px; width: 720px; *width: 800px; height: 89px; background: #fff url(../images_nav/fond_baspage.gif) top left repeat-x; font-size: 11px; text-align: left; line-height: 13px;  }
#container #basdepage div#liens {float:left; background: url(../images_nav/barre.gif) no-repeat; font-size:11px; line-height:13px; *line-height:10px;}
#container #basdepage div#liens a {padding:0 0 5px 15px; color:#666; height:10px; text-decoration:none;}
#container #basdepage div#liens a:hover { color:#666; text-decoration:underline;}

#container #basdepage div#conception { float:right; color:#666; margin: 10px 30px 0 0; font-size:10px;}
#container #basdepage div#conception a { color:#666; height:10px; text-decoration:none;}
#container #basdepage div#conception a:hover { color:#666; text-decoration:underline;}

/*_____BLOC CONTENU DE PAGE_____*/
#container #contenu_page {position:relative; top:0px; width: 800px; padding: 0; margin: 0; color: #000; text-align:left; }


/*_____BLOC PAGE_____*/
#container #contenu_page #page { float:left; width: 700px; *width: 800px; padding: 0 30px 15px 70px; font-size:11px; background-color:#B2BB1B;}


/*____PLAN DE SITE____*/
#container #contenu_page #page div.categorie { width: 400px; margin: 10px 0 0 10px; }


/*_____BLOC PAGE LEFT_____*/
#container #contenu_page #page #bloc_left {float:left; width:280px; padding: 0 0 0 5px; color: #000; text-align:left;}
#container #contenu_page #page #bloc_left #anim_flash{ width:280px; height:231px;}
#container #contenu_page #page #bloc_left h1{color:#87004D; font-size:16px; font-weight:bold;}

/*Actus*/
#container #contenu_page #page ul{margin:0; padding:0; line-height:12px; font-size:10px; color:#000; list-style-type:none;}
#container #contenu_page #page ul li {font-size:11px; width:690px; margin:10px 0 0 0; padding:0 0 0 10px; background: url(../images_nav/puce_rouge.gif) 0 3px no-repeat; }
#container #contenu_page #page ul li.actu {font-size:11px; width:280px; margin:10px 0 0 0; padding:0 0 0 10px; background: url(../images_nav/puce_rouge.gif) 0 3px no-repeat; }
#container #contenu_page #page ul li a{ color:#000; text-decoration:none;}
#container #contenu_page #page ul li a:hover{ color:#000; text-decoration:underline; }

/*_____BLOC PAGE RIGHT_____*/
#container #contenu_page #page #bloc_right {float:left; width:380px; padding: 0 0 0 30px; margin:0; color: #000; text-align:left;}
#container #contenu_page #page #bloc_right #misenpage {margin:0; padding:0;}

/*____LISTE DES ARTICLES____*/
#container #contenu_page #page div#liste_articles { width: 700px; margin: 15px 0 0 0; }
#container #contenu_page #page div#liste_articles ul {list-style-type:none; line-height:12px; width:500px;}
#container #contenu_page #page div#liste_articles ul li { width:650px;  height:17px; margin:5px 0 0 0; padding:0 0 0 20px; background: url(../images_nav/extensions/pdf.gif) no-repeat;  }



/*_____DIVERS_____*/
#container #contenu_page #page div.msg_erreur{display:block; color:#F00; margin:10px 0 20px 0;}

#container #contenu_page #page div.information_obligatoire { float:left; font-size: 10px; color:#444; margin:15px 0 15px 0;}
#container #contenu_page #page .centre{text-align:center;}

#container #contenu_page #page div.autres_pages {margin-bottom:15px;}
#container #contenu_page #page div.autres_pages span {margin:0 0 2px 0; padding:0;}
#container #contenu_page #page div.autres_pages h4.autres_pages {margin:0; padding:0;}

/*_____FORMULAIRE_____*/
/*Recherche*/
form.front_recherche { margin: 0;padding: 0; width:550px;}
form.front_recherche input.submit { display: block; border: 0; background-color: #810051; width: 100px; height: 21px; font-family: Arial; color: #fff;font-size: 11px; ont-weight: normal; text-align: center; }
form.front_recherche input { float: left; *height: 21px; background-color: #EEE; border: 1px solid #666; text-align: left; padding: 2px; margin: 6px 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/*autres*/
form.front {margin: 0;padding: 0; width:550px;}
form.front fieldset{border:0;}
form.front fieldset span.infos {display:block; float:left; width:300px; height:20px; clear:both;}
form.front div.ligne_titre{width:300px; *width:400px; font-weight:bold; float:left; margin:10px 0 5px 0; padding-left:100px; }
form.front div.intitule { float: left; width: 170px; margin-top: 7px; padding: 1px; }
form.front div.champ { float: left; width: 250px; margin: 0; padding: 0; }
form.front input, form.front select { float: left; background-color: #EEEEEE; border: 1px solid #666; text-align: left; padding: 2px; margin-top: 6px;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form.front input.case { background-color: transparent; border: 0; }
form.front span input.case { margin: 0 5px 0 5px; padding: 0;}	
form.front input.submit { display: block; border: 0; background-color: #810051; width: 100px; height: 21px; font-family: Arial; color: #fff;font-size: 11px;
font-weight: normal; text-align: center; }

textarea { float:left; border:0; text-align:left; padding:2px; margin-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
select { float: left; background-color: #EEEEEE; border: 1px solid #666; text-align: left; padding: 2px; margin-top: 6px;
font-family: Arial, Helvetica, sans-serif;font-size: 12px; }

input.xsmall {width:100px;}
input.cp {width:40px;}
input.tel {width:70px;}
input.small {width:150px;}
input.large {width:300px;}
input.xlarge {width:450px;}
input.case {width:20px; border:0;}

textarea.large {width:230px;}

.erreur{color:#F00;}