/**
 * Feuille de style de l'annuaire
 * 
 * @package ANNU
 * @author Olivier
 * @version 2.2
 */

@CHARSET "UTF-8";


/**
 * Initialisation des balises
 */
BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD { margin:0; padding:0; }
TABLE { border-collapse:collapse; border-spacing:0; }
IMG { border:0; }
EM, STRONG, TH, VAR { font-style:normal; font-weight:normal; }
OL, UL { list-style:none; }
TH { text-align:left; }
H1, H2, H3, H4, H5, H6 { font-size:100%; font-weight:normal; }

/**
 * Styles de bases
 */
BODY { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11px; color:black; background-color:#CDCDCD; }
TD { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11px; color:black; }
A { color:#EE8C18; text-decoration: underline; }
A:hover { color:black; text-decoration: underline; }
INPUT, SELECT, TEXTAREA, BUTTON { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11px; }
.clear { clear:both; }
#page { position:relative; width:800px; margin:0 auto; background:transparent url(images/fond.png) repeat-y top center; }
#filariane { font-size:12px; font-weight:bold; color:black; margin:10px 5px 10px 10px; }
#filariane A { font-size:12px; font-variant:small-caps; font-weight:bold; color:#4C97BA; text-decoration:none; }
#filariane A:hover { font-size:12px; font-weight:bold; color:black; text-decoration:underline; }


/**
 * En tete de page
 */
#header { position:relative; }
#header #bandeau { position:relative; width:auto; height:90px; margin:0px 20px 0px 20px; background:white url(/images/banniere.jpg) no-repeat; }
#header #bandeau .logo { position:absolute; top:21px; left:19px; }
#header #menu { position:relative; width:760px; height:28px; margin:0px 20px 0px 20px; background-color:#4C97BA; }
#header #menu A { font-size:1.1em; font-weight:bold; color:white; padding:7px 10px 7px 10px; text-decoration:none; }
#header #menu A:hover { font-size:1.1em; font-weight:bold; color:white; padding:7px 10px 7px 10px; text-decoration:underline; background-color:#EE8C18; }
#header #menu INPUT { font-size:0.9em; color:black; border:1px solid gray; padding:2px 2px 2px 2px; }
#header #adsence { position:relative; width:auto; margin:0px 20px 0px 20px; text-align:center; border-bottom:1px solid #CDCDCD; }

/**
 * Page principale
 */
#main { position:relative; width:auto; margin:0px 20px 0px 20px; background-color:White; }
#coldroite { float:right; width:150px; text-align:center; padding:10px 0px 10px 0px; border:0px solid black; }
#coldroite .portlet { width:135px; margin:0px 10px 0px 5px; border:1px solid #4C97BA; }
#coldroite .portlet H2 { font-size:11px; color:white; font-weight:bold; padding:2px 3px 2px 3px; text-align:center; font-variant:small-caps; background-color:#4C97BA; }
#coldroite .portlet P { padding:5px 3px 5px 3px; text-align:center; }
#coldroite .portlet A { font-size:11px; color:black; text-decoration:none; }
#coldroite .portlet A:hover { font-size:11px; color:#EE8C18; text-decoration:underline; }
 
/*--- BAS DE PAGE --------------------------------------------------------------------------------*/
#footer {}
#footer #bas { position:relative; width:760px; margin:0px 20px 0px 20px; background-color:#666666; }
#footer #bas TD { font-size:9px; color:White; padding: 2px 5px 2px 5px; text-align:center; }
#footer #bas A { font-size: 9px; color: #FFFFFF; }
#bas_partenaire { position:relative; font-size:9px; width:760px; margin:0px auto auto auto; text-align:center; background-color:#CDCDCD; }
#bas_partenaire A { font-size:9px; color:#666666; }

/*--- PAGE : index -------------------------------------------------------------------------------*/
#home { width:610px; float:left; }
#home #chapo { font-size:10px; font-weight:bold; color:Black; margin:7px 5px 7px 10px; }
#home #search { width: auto; font-size:11px; color:White; text-align:right; margin:0px 5px 0px 10px; padding:5px 15px 5px 5px;
	background-color:#EE8C18; border-top:1px solid #4C97BA; border-bottom:1px solid #4C97BA; }
#home #search INPUT { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:Black; padding:2px 2px 2px 2px; border:1px solid Gray; }
#home #listecat { position:relative; clear:left; margin:10px 5px 0px 10px; }
#home #listecat .colonne0 { float:left; }
#home #listecat .colonne1 { float:right; }
#home #listecat .cadre { width:292px; border:1px solid #EE8C18; }
#home #listecat .cadre .titre { font-size:12px; padding:3px 5px 3px 5px; border-bottom:1px solid #EE8C18; }
#home #listecat .cadre .titre A { font-size:12px; font-weight:bold; color:#4C97BA; text-decoration:none; }
#home #listecat .cadre .titre A :hover { text-decoration:underline; }
#home #listecat .cadre .icone { width:32px; height:48px; padding:3px 3px 3px 5px; vertical-align:top; }
#home #listecat .cadre .liste { font-size:10px; color:Black; padding:3px 5px 3px 3px; vertical-align:top; }
#home #listecat .cadre .liste A { font-size:10px; color:Black; text-decoration:none; }
#home #listecat .cadre .liste A:hover { text-decoration:underline; }
/*#index_offreotop { position:relative; clear:left; font-size:14px; font-weight:bold; color:black; margin:10px 5px 0px 10px; }
#index_offreotop .colonne0 { float:left; }
#index_offreotop .colonne1 { float:right; }
#index_offreotop .cadre { width:292px; border:1px solid #4C97BA; background-color:#4C97BA; }
#index_offreotop .photo { width:48px; padding:2px 2px 2px 2px; vertical-align:top; text-align:center; }
#index_offreotop .photo A { font-size:4px; color:black; text-decoration:none; }
#index_offreotop .titre { padding:2px 2px 2px 2px; font-variant:small-caps; }
#index_offreotop .titre A { font-size:11px; font-weight:bold; color:white; }
#index_offreotop .titre A:hover { color:#EE8C18; }
#index_offreotop .descriptif { font-size:10px; color:black; padding:0px 2px 2px 2px; }
#index_offreotop .descriptif A { color:black; text-decoration:none; }
#index_offreotop .descriptif A:hover { color:black; text-decoration:underline; }*/


/*--- PAGE : liste -------------------------------------------------------------------------------*/
#liste { width:610px; float:left; }
#liste .rubrique { width:auto; margin:10px 5px 10px 10px;  }
#liste .rubrique TD { font-size:10px; padding:2px 5px 2px 5px; }
#liste .rubrique A { font-weight:bold; color:black; text-decoration:none; }
#liste .rubrique A:hover { font-weight:bold; color:black; text-decoration:underline; }
#liste .addsite { font-size:11px; color:#EE8C18; font-weight:bold; text-align:right; margin:10px 5px 20px 10px; }
#liste TABLE.site { margin:10px 5px 10px 10px; }
#liste TABLE.site .thumb { padding:10px 10px 0px 10px; vertical-align:top; }
#liste TABLE.site .title { padding:10px 10px 2px 0px; }
#liste TABLE.site .title A { font-size:11px; font-weight:bold; color:#4C97BA; text-decoration:underline; }
#liste TABLE.site .title A:hover { font-size:11px; font-weight:bold; color:black; text-decoration:underline; }
#liste TABLE.site .desc { font-size:11px; color:black; text-align:justify; padding:0px 10px 0px 0px; }
#liste TABLE.site .url { font-size:10px; color:#EE8C18; padding:0px 10px 2px 0px; }
#liste .pagination { font-size:11px; text-align:right; margin:10px 10px 10px 10px; }
#liste .pagination EM { font-size:11px; font-weight:bold; }
#liste .pagination P { display:inline; }
#liste .pagination STRONG { font-size:11px; font-weight:bold; color:white; background-color:#EE8C18; padding:3px 5px 3px 5px; }
#liste .pagination A { font-size:11px; font-weight:bold; color:white; text-decoration:none; background-color:#4C97BA; padding:3px 5px 3px 5px; }
#liste .pagination A:hover { color:#EE8C18; }


/*--- PAGE : A propos et Contact ----------------------------------------------------------------*/
#contact { width:610px; float:left; }
#contact H1 { font-size:14px; font-weight:bold; color:#4C97BA; padding:0px 0px 2px 0px; margin:7px 300px 20px 10px; border-bottom:1px solid #4C97BA; }
#contact .content { margin:10px 10px 10px 10px; }
#contact .content H2 { font-size:13px; font-weight:bold; margin-top:10px; }
#contact .content P { margin-top:2px; }
#contact .msgerr { width:auto; color:#CC0000; font-weight:bold; background-color:#FFFFE1; border:1px dashed #CFCFCF; padding:6px 6px 6px 6px; margin:10px 10px 10px 10px; }
#contact .form { width:auto; margin:0px 10px 10px 10px; }
#contact .form TH { font-size:12px; font-weight:bold; color:#4C97BA; text-align:left; padding:10px 5px 5px 5px; }
#contact .form TD { font-weight:bold; color:black; text-align:left; padding:2px 5px 2px 15px; }
#contact .form INPUT, #contact .form TEXTAREA { font-weight:normal; color:black; padding:2px 3px 2px 3px; border:1px solid #EE8C18; }
#contact .form BUTTON { color:black; font-weight:bold; padding:2px 3px 2px 3px; border:1px solid #EE8C18; }
#contact .form INPUT.required, #contact .form TEXTAREA.required { background-color:#FF9999; }
#contact .form INPUT.invalid, #contact .form TEXTAREA.invalid { background-color:#FF9999; }


/*--- PAGE : soumission --------------------------------------------------------------------------*/
#soumission { width:610px; float:left; }
#soumission .titre { font-size:14px; font-weight:bold; color:#4C97BA; padding:0px 0px 2px 0px; margin:7px 200px 20px 10px; border-bottom:1px solid #4C97BA; }
#soumission .condition { position:relative; padding:7px 10px 7px 10px; }
#soumission .condition H1 { font-size:12px; font-weight:bold; margin:0; }
#soumission .condition UL { padding:5px 0px 5px 25px; margin:0; list-style:disc; }
#soumission .condition LI { padding:1px 0px 1px 3px; }
#soumission .condition H2 { font-size:12px; color:Red; font-weight:normal; margin:0; }
#soumission .condition .logocode { font-family:Courrier New, Courrier; font-size:9px; color:black; padding:2px 2px 2px 2px; border:1px solid #EE8C18; width:600px; }
#soumission .offre { position:relative; padding:17px 10px 7px 10px; }
#soumission .offre H1 { width:auto; font-size:12px; color:White; padding:5px 15px 5px 5px; background-color:#EE8C18; border-top:1px solid #4C97BA; border-bottom:1px solid #4C97BA;}
#soumission .offre UL { padding:0px 0px 5px 25px; margin:0; list-style:disc; }
#soumission .offre LI { padding:1px 0px 1px 3px; }
#soumission .offre P { font-size:12px; margin:0; color:red; padding:0px 10px 0px 10px; }
#soumission .offre A { color:White; font-weight:bold; text-decoration:none; }
#soumission .offre A:hover { color:Black; font-weight:bold; text-decoration:underline; }
#soumission .offre .infobulle { position:absolute; font-size:9px; border:1px solid #CFCFCF; background-color:#FFFFE1; visibility:hidden; padding:1px 3px 1px 3px; }
#soumission .offre .lien { width:150px; float:right; background-color:#EE8C18; text-align:center; padding:5px 5px 5px 5px; border:1px solid #4C97BA; }
#soumission .offre FORM { text-align:right; }
#soumission .offre INPUT { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:Black; padding:2px 2px 2px 2px; border:1px solid #EE8C18; }
#soumission .msgerr { width:auto; color:#CC0000; font-weight:bold; background-color:#FFFFE1; border:1px dashed #CFCFCF; padding:6px 6px 6px 6px; margin:0px 0px 10px 0px; }
#soumission .form { position:relative; padding:17px 10px 7px 10px; }
#soumission .form TH { font-size:10px; font-weight:bold; white-space:nowrap; vertical-align:top; padding:5px 10px 3px 3px; }
#soumission .form TD { font-size:10px; vertical-align:top; padding:3px 10px 3px 3px; }
#soumission .form INPUT, #soumission .form SELECT, #soumission .form TEXTAREA { padding:2px 2px 2px 2px; border:1px solid #EE8C18; }
#soumission .form BUTTON { color:black; font-weight:bold; padding:2px 3px 2px 3px; border:1px solid #EE8C18; }
#soumission .form INPUT.required, #soumission .form SELECT.required, #soumission .form TEXTAREA.required { background-color:#FF9999; }
#soumission .form INPUT.invalid, #soumission .form SELECT.invalid, #soumission .form TEXTAREA.invalid { background-color:#FF9999; }


/*
#soumission_form UL { padding:5px 0px 5px 25px; margin:0; list-style:disc; }
#soumission_form .submit { background-color:#EE8C18; color:white; font-weight:bold; text-align:center; padding:5px 5px 5px 5px; border:1px solid #4C97BA; height:auto; }
#soumission_form .msgerr { width:auto; color:#CC0000; font-weight:bold; background-color:#FFFFE1; border:1px dashed #CFCFCF; padding:6px 6px 6px 6px; }
#soumission_form .error { color:#CC0000; }
#soumission_form_description_car_restant { font-size:9px; font-weight:normal; color:#EE8C18; }
#soumission_form_motscles_car_restant { font-size:9px; font-weight:normal; color:#EE8C18; }
#soumission_form .formmodif { text-align:center; }
.soumission_codelogo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:black; padding:2px 2px 2px 2px; border:1px solid #EE8C18; width:700px; height:90px }

*/