/*----------  Site SYCRA - Espace courtier -------------*/

/*------------------------------- Liens ------------------------------------------*/

a:link{  color:#333; text-decoration:underline;}
a:active{  color:#333; text-decoration:underline;}
a:hover{  color:#003399; text-decoration:none;}
a:visited{ color:#333; text-decoration:underline;}

/*-- liens tetiere --*/
#lien_sycra a:link{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; text-align:right; letter-spacing:normal; color:#999; text-decoration:underline;}
#lien_sycra  a:active{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; text-align:right; letter-spacing:normal; color:#999; text-decoration:underline;}
#lien_sycra  a:hover{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; text-align:right; letter-spacing:normal; color:#0050B2; text-decoration:none;}
#lien_sycra  a:visited{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight:bold; font-size:12px; text-align:right; letter-spacing:normal; color:#999; text-decoration:underline;}


/*-- liens menus --*/
#menu a:link{ font-weight:bold; color:#fff; text-decoration:none;}
#menu  a:active{ font-weight:bold;  color:#fff; text-decoration:none;}
#menu  a:hover{ font-weight:bold; color:#FDC900; text-decoration:none;}
#menu  a:visited{ font-weight:bold; color:#fff; text-decoration:none;}

#menu li.login a:link{ font-weight:bold; color:#FDC900; text-decoration:none;}
#menu li.login a:active{ font-weight:bold;  color:#FDC900; text-decoration:none;}
#menu li.login a:hover{ font-weight:bold; color:#FDC900; text-decoration:none;}
#menu li.login a:visited{ font-weight:bold; color:#FDC900; text-decoration:none;}

/*-- liens contenu --*/
#contenu a:link{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; color:#0050B2; text-decoration:underline;}
#contenu  a:active{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold;  color:#0050B2; text-decoration:underline;}
#contenu  a:hover{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; color:#0050B2; text-decoration:none;}
#contenu  a:visited{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight:bold; color:#0050B2; text-decoration:underline;}

/*-- liens cadre_droite --*/
#cadre_droite a:link{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; color:#333; text-decoration:underline;}
#cadre_droite  a:active{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold;  color:#333; text-decoration:underline;}
#cadre_droite  a:hover{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; color:#333; text-decoration:none;}
#cadre_droite  a:visited{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight:bold; color:#333; text-decoration:underline;}

/*-- liens cadre_droite : news --*/
#cadre_droite a.lien_news:link{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; color:#0050B2; text-decoration:underline;}
#cadre_droite  a.lien_news:active{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold;  color:#0050B2; text-decoration:none;}
#cadre_droite  a.lien_news:hover{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold; color:#0050B2; text-decoration:none;}
#cadre_droite  a.lien_news:visited{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight:bold; color:#0050B2; text-decoration:underline;}


/*------------------------------- MEP Titres ----------------------------------- */

h1{
margin:0px;
padding:0px 0px 0px 16px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:20px;
color:#0050B2;
background: #E8E8E8 url(images/fleche_h1.png) no-repeat 0px 4px    ;
text-align:left;
}

h2{
margin:0px;
padding:0px;
color:#0050B2;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:15px;
line-height:20px;
border-bottom:1px solid #0050B2;
text-align:left;
}

h3{
margin:30px 0px 0px 0px;
padding:0px 0px 5px 20px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:18px;
color:#0050B2;
background: #fff url(images/fleche_h3.png) no-repeat 0px 2px    ;
text-align:left;
}

h4{
	margin:0px;
	padding:10px 0px 0px 0px;
	height:20px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

h4.news{
	margin:0px;
	padding:9px 0px 0px 15px;
	height:25px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	
}

h5{
margin:0px;
padding:0px;
color:#333;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:13px;
line-height:20px;
border-bottom:1px solid #666;
text-align:center;
}



/*------------------------------- MEP Generale --------------------------------- */

body {
margin:0px;
padding:0px;
background-color:#fff;
}


#conteneur{
	position: absolute;
	left: 50%;
	margin-top:5px;
	margin-left: -425px;
	padding:0;
	width:850px;
	background-color:#fff;

}

#page_centrale{
margin: 0px;
padding: 0px;
width:848px;
border:1px solid #ccc;
background-color:#E8E8E8;

}

/*------- Tetiere -------- */
#tetiere{
margin: 10px 0px 5px 0px;
padding:0px;
height:70px;
width:850px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:0.8px;
font-weight:bold;
color:#999;
}
#droite_logo {height:35px; margin:10px 0px 0px 0px; padding:2px 0px 2px 10px;  border-left:1px solid #999;}
#tetiere p{ margin:0px; padding: 65px 40px 10px 0px; text-align:right; }

#logo{ margin-top:8px; width:120px; height:64px; background:#fff url(images/logo.gif) no-repeat 0 0;}
#espace_courtier{width:140px; height:22px; background:#fff url(images/espace_courtier.gif) no-repeat bottom right;}
#retour_accueil {height:20px; width:160px; margin:0px 0px 0px 30px; padding:2px;font-size:12px; background-color:#CCCCCC;}

#haut_page{width:108px; height:26px; background:transparent url(images/spacer.gif) no-repeat 0 0;}
#lien_sycra{padding:0px 0px 25px 90px; margin:0px;}

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

#menu{
margin:10px 0px 0px 0px;
padding:0px;
width:848px;
height:31px;
background:transparent url(images/fond_menu.png) no-repeat top left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.6px;
}

#menu ul{
margin:0px;
padding:5px 0px 5px 0px;
text-align:center;
height:21px;
}
#menu li{
margin:0px;
padding: 0px 8px 0px 8px;
display:inline;
list-style-type:none;
border-right:1px solid #ccc;

}
#menu li.dernier_menu{
border:none;
}
#menu li.login{
border:none;
}

#menu li a.courant{font-weight:bold; color:#FDC900; text-decoration:none;}


/*sous menus*/ 

#ssmenu{margin:30px 0px 20px 0px; padding:5px 0px 2px 0px; text-align:left; border-bottom: 1px solid #ccc; background: transparent url(images/fond_ssmenu.jpg) repeat-x left bottom;}
#ssmenu_ul{margin:0px; padding:0px; height:20px;}

#ssmenu_ul li { display:inline; margin:0px; padding:0px 10px 0px 0px; list-style-type:none;}

/*------- MEP 2eme colonnes -------- */

/*------- Conteneur + MEP 2 col -------- */
#conteneur_2col{
margin: 0px 16px 0px 16px;
padding: 0px;
/*width:848px;*/
width:816px;
}

#col_gauche{
float:left;
margin:0px 0px 20px 0px;
padding:0px;
}


#col_droite{
float:right;
margin:16px 0px 0px 0px;
padding:0px;
width:180px;

}

/* --------------------------------------------------- Contenus de col_gauche --------------------------------*/

#titre_menu{
margin:16px 0px 0px 0px;
padding:0px;
width:602px;
}

#top_contenu{
margin:10px 0px 0px 0px;
padding:0px;
width:602px;
height:14px;
background:#fff  url(images/top_contenu.png) no-repeat top left;
}

#contenu{
float:left;
margin: 0px;
padding: 0px 20px 30px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
text-align:justify;
width:560px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#FFFFFF;
}
.indentation{text-indent:10%;}

#contenu ul{margin:0px 0px 0px 16px; padding:0px; list-style-type:none;}
#contenu li{padding: 0px 0px 5px 12px;}
#contenu ol{ margin-left:12px; padding: 0px 0px 3px 12px;}

table.tab{border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}
table.tab td{border-bottom:1px solid #ccc; padding:4px;}
table.tab th{border-bottom:2px solid #999; text-align:center; background-color:#F1D299;}

table.tab_gauche{border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}
table.tab_gauche td{border-bottom:1px solid #999; padding:4px;  padding-left:10px;}
table.tab_gauche th{border-bottom:1px solid #999; border-right:2px solid #999; text-align:left; background-color:#F1D299; padding:5px 2px 0px 5px;}

#conteneur_accueil{margin:0px; padding:0px;}

#mot{
float:left;
margin:0px;
padding:10px 0px 5px 35px;
width:210px;

}
.archive_mot{background:#fff url(images/cadre_droite_mot.png) no-repeat 0 0;height:30px;}


/* --------------------------------------------------- Contenus de col_droite --------------------------------*/
#cadre_droite{
margin:0px 0px 20px 0px;
padding:0px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.guillemet_avant{ width:16px; padding: 0px 10px 5px 0px;}
.guillemet_apres{ width:100%; padding: 5px 0px 0px 10px; text-align:right;}

.jaune{background:#fff url(images/cadre_droite_jaune.png) no-repeat 0 0; border-bottom:1px solid #F1D299;}
.marron{background:#fff url(images/cadre_droite_marron.png) no-repeat 0 0; border-bottom:1px solid #CAAA99;}
.bleu{background:#fff url(images/cadre_droite_bleu.png) no-repeat 0 0; border-bottom:1px solid #9999C2;}
.gris{background:#fff url(images/cadre_droite_gris.png) no-repeat 0 0; border-bottom:1px solid #ccc;}

.actus{background:#fff url(images/cadre_droite_actus.png) no-repeat 0 0;}



#contenu_cadre_droite{
margin:0px;
padding:18px 18px 10px 18px;
}
#contenu_cadre_droite p{
margin:5px 0px 8px 0px;
}

.date_marron{color:#5F2100; font-weight:bold; border-bottom:2px solid #EAA500; line-height:15px;}
.date_bleu{color:#000066; font-weight:bold; border-bottom:2px solid #5C8ECD; line-height:15px;}

#contenu_cadre_droite ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none;}
#contenu_cadre_droite li{padding: 0px 0px 5px 12px; margin:0px}

.li_jaune{background:#fff url(images/puce_ul_jaune.png) no-repeat 0px 0px;}
.li_bleu{background:#fff url(images/puce_ul_bleu.png) no-repeat 0px 0px;}
.li_gris{background:#fff url(images/puce_ul_gris.png) no-repeat 0px 0px;}
.li_marron{background:#fff url(images/puce_ul_marron.png) no-repeat 0px 0px;}


#attention{background:#fff url(images/attention.png) no-repeat 0px 0px; height:30px; margin: 20px 40px 20px 40px;}
#attention p {margin: 3px 0px 3px 40px; color:#E49B00;}

.gras_gris{ font-weight:bold; color:#333;}
.gras_bleu{ font-weight:bold; color:#0050B2;}
.gras_marron{ font-weight: bold;color: #5F2100;}
.gras_jaune{color:#FDC900;}

	
.photo_tour {border: 2px solid #ccc;}




/*------- pied page -------- */
#pied{
clear:both;
height:28px;
margin:10px 0px 0px 0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
background:transparent url(images/fond_pied.png) no-repeat top left;
}
.pied{ margin:0px; padding: 3px 0px 0px 0px; }


/*--------------- Rubriques du site -----------------*/
.premier_p{ margin-top:5px; }
#photo{
	border:2px solid #ccc;
	width:99%;
	height:99%;
	background-color:#E8E8E8;
}

#cartouche_lien{
margin:0px 0px 20px 0px;
padding:0px;
width:300px;
height:25px;
background:#fff url(images/cartouche_lien.png) repeat-x top left;
}
#cartouche_lien p{margin:0px; padding:4px 0px 4px 0px; color:#0050B2; text-align:center;}

#legende_photo {color: #0050B2; font-size:11px; padding:5px 0px 0px 2px;}

/*--- Actualites ---*/
#actualite{ margin:20px 0px 0px 0px; padding:0px; height:50px;}

.date {
	float:left;
	width:45px;
	height:47px;
	background:url(images/calendrier.png) no-repeat top left;
	}
.date_titre {float:right; margin:3px 0px 0px 5px; width:508px;}

.date p {
	text-align:center;
	color:#9b9b8e;
	margin:0px 0px 0px -2px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}
.date span.year {
	font-size:13px;
	font-weight:bold;
	color:#fff;
	display:block;
	}
.date span.month {
	font-size:15px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	height:15px;
	display:block;
	color:#333;
	}
#plus_infos{text-align:right; padding-top:5px;}