/* Global */ 
body{font-family:Arial;font-size:11px;margin:5px 0 5px 2px;}
h1{color:#C42454;font-size:13px;font-weight:bold;margin-bottom:2px;}
h2{color:#666666;font-size:12px;font-weight:bold;margin-bottom:5px;margin-top:0;}
td{color:#666666;font-size:12px;text-align:left;}
input{border:1px solid #999999;border-collapse:collapse;color:#666666;font-family:Arial;font-size:11px;padding-left:2px;}
input.bouton{	font-size: 8pt;	color:#5f5f5f;  background-color:#f0f0f0;  border:1px solid #afafaf; cursor:pointer; padding:1px;}
img {border:none;}
p{color:#666666;font-size:12px;margin-top:0px;margin-bottom:2px}
select{color:#666666;font-family:Arial;font-size:11px;}

/* Erreur */
.error {color:red;font-weight:bold;}

a:link {
		color:#C42454;
		text-decoration:none;
}
a:visited {
		color:#C42454;
		text-decoration:none;
}
a:hover {
		color:#C42454;
		text-decoration:underline;
}

/* Conteneur site */
body {height:100%;}
#site_web_wrapper{

}

#site_web_content{
		float:left;
		background: url("../images/site/footer.png") no-repeat;
		background-position: bottom left;
}

.siteWeb {
		height:100%; 
		width:1000px; 
		background-color:#FFFFFF; 
		float:left;
		border:1px solid #000; 
}

.portail_background_img {
		background: url("../images/site/header.png") no-repeat;
}

.module_background_img {
		background: url("../images/site/header_module.png") no-repeat;
}


div#header{
		height: 177px;
		width: 100%;
		margin-bottom: 10px;
}

div#header div#logos {
		float:left;
		position:relative;
		left:-425px;
		top: -5px;
}

div#header iframe#menu {
		height:160px;
		frameborder:0; 
		border: 0px;
		overflow:hidden;
		width:435px; 
		scrolling: no;
		float: left; 
		top: 5px; 
		left: 281px; 
		position: relative;
}

div#header .boiteBanniereGauche {
		width: 220px;
		height: 45px;
		float: left;
		position: relative;
		left: -430px;
		top: 95px;
}


div#header .boiteBanniereGauche form {
		margin: 0px;
}

div#header .boiteBanniereGauche form input{
		vertical-align: middle;
}

div#header .boiteBanniereGauche .configuration_module {
		float: right;
		position: relative;
		top: -12px;
		height: 0px;
}

div#header .boiteBanniereGauche h1 {
		color: #FFF;
		padding-left: 5px;
		margin-bottom: -5px;
}

div#header .boiteBanniereGauche  {
}

div#header .boiteBanniereGauche .submit {
		background: url("../images/site/search_ok.png") no-repeat scroll 0 0 transparent;
}

div#header .boiteBanniereGauche #recherche_avancee {
		float: right;
		position: relative;
		right: 30px;
}

div#header .boiteBanniereGauche a {
		color: #fff;
}

div#header .boiteBanniereGauche a:visited {
		color: #fff;
}


div#header .boiteBanniereDroite {
		width: 230px;
		height: 45px;
		float: right;
		position: relative;
		right: 5px; 
		top: 50px; 
}

/* Hack IE7: quand on se connecte les logos se mettent au milieu du menu*/
*:first-child+html div#header .boiteBanniereDroite {
		float: none;
		right: -100px;
}

div#header .boiteBanniereDroite .welcome {
		padding: 5px;
		font-weight: bold;
		font-size: 1.3em;
		color: #FFF;
}

div#header .boiteBanniereDroite input {
		width: 115px;
}

div#header .boiteBanniereDroite h1 {
		color: #FFF;
}

div#header .boiteBanniereDroite .configuration_module {
		float: right;
		position: relative;
		top: -12px;
		height: 0px;
}

div#header .form{background-color:transparent; margin:0px; padding:0px;  border: 0px; width: 100%}
div#header .form fieldset {color:#FFF;font-weight:bold;margin:0pt 0pt 0pt 5px;padding:0pt 2px;border:1px solid #DCDCDC;}
div#header .bouton font {color:#FFF;font-size:10pt;font-weight:bold;cursor:pointer; }
div#header .form td {color:#FFF}
div#header .form td.droite {text-align:right;padding-right:2px;font-weight:inherit;font-size:8pt;color:#FFF}
div#header .form a {color: #FFF}
div#header .form a:hover {color: #D44100}
div#header .form td.masque div {margin-left: 70px}


.siteWeb div.colDroite{
		padding-bottom: 20px;
}

.siteWeb div#right_col_color{
	margin-top: 60px;
	float: left;
	background: url("../images/site/right_col_color.png") repeat-y;
	background-position: top right;
}


.siteWeb #right_col_color div.colGauche{
		margin-top: -60px;
}

.siteWeb #right_col_color div.colMilieu{
		margin-top: -60px;
		padding-bottom: 130px;
}
.siteWeb #right_col_color div.colContenu{
		margin-top: -60px;
}

.siteWeb div.colContenu{
		padding-bottom: 130px;
}

.siteWeb div.colGauche{
		padding-bottom: 30px;
}

.siteWeb table.site {width:100%;padding:0px;}
.siteWeb div#colGaucheInner {vertical-align:top; padding-top:5px;}
.siteWeb div#colMilieuInner {height:100%;vertical-align:top;padding-left:10px;padding-top:10px;padding-right:10px;}
.siteWeb div#colDroiteInner {vertical-align:top;padding-left:10px;padding-top:10px;padding-right:10px;}
.siteWeb div#colContenuInner {vertical-align:top; padding-top:5px;}
.siteWeb td.barre_nav {height:40px; vertical-align:top}

/* Eléments qui sont redimensionnés en fonction de leur conteneur  */
.auto_resize img, .auto_resize object, .auto_resize embed {
	display:none;
}


/* Footer */
.footer{
		width:1000px; 
		height:40px; 
		float: left;
		positon: relative;
		margin-top: -26px;
}

.footer .credit {color:#FFF; font-size:8pt;}
.footer a{font-size:9pt;}

/*********************************************************************** A REFAIRE ******************************************************************************/
/* Tableau conteneur */
.main{width:990px;border:1px solid #a0a0a0;background-color:#FFFFFF;}
.main table{width:100%;padding:0;}
.main td.left{background-color:#EFEFEF;width:230px;vertical-align:top;height:400px;padding-left:10px;padding-right:10px;}
.main td.content{width:auto;vertical-align:top;}
.main td.news{width:auto;vertical-align:top;}
.main td.separ{height:1px;background-color:#A0A0A0;}
.main td.titre{color:#003687;font-size:12pt;font-weight:bold;}
.main td.info{width:170px;vertical-align:top;}

/* Menu Haut */
.menuHaut td.rech{}
.menuHaut td.rechGuid{background-color:#C33D00;color:#FFFFFF;text-align:center;text-transform:uppercase;}
.menuHaut td.rechAdv{background-color:#64AA16;color:#FFFFFF;text-align:center;text-transform:uppercase;}

/* Menu Gauche */
.menuGauche{background-color:#FFFFFF;}
.menuGauche ul{padding:3px 3px 3px 0pt;margin:0pt 0pt 0pt 10px; list-style-image: url(../images/blank.gif);}
.menuGauche li{color:#D44100;font-size:11px;height:19px;background:transparent url(../images/box/menu/separ.gif) repeat-X scroll center bottom; vertical-align:middle;padding-top:5px;cursor:pointer}
.menuGauche li:hover{}
.menuGauche img{margin-right:5px;}

/* Boite du milieu */
.boiteMilieu{color:#666666; clear:both}
.boiteMilieu table{width:100%; margin-bottom:10px}
.boiteMilieu td.milieu{}
.boiteMilieu h1 {	font-family: Arial;	font-size: 16px;	color: #C42454; 	font-weight:bold;
}


/* Boite bleue a droite */
.boiteBleue {background-color: #336899; color:#FFFFFF; border:1px solid #FFF; padding: 5px; margin-bottom: 10px; }
.boiteBleue fieldset{border:1px solid #FFFFFF;color:#FFFFFF;height:300px;margin-bottom:35px;}
.boiteBleue .title{font-weight:bold;font-size:15px;white-space:normal; font-family: Sans-Serif}
.boiteBleue a{color:#FFFFFF;text-decoration:none;}
.boiteBleue a:hover{color:#FFFFFF;text-decoration:none;}
.boiteBleue a:visited{color:#FFFFFF;text-decoration:none;}
.boiteBleue h1{color:#FFFFFF;font-variant:small-caps;font-size:16px;}
.boiteBleue p{color:#FFFFFF;text-decoration:none;text-transform:none; font-variant:normal}

/* Boite de gauche */
.boiteGauche { 
		-moz-box-shadow: 0px 4px 4px rgba(0,0,0, 0.8); 
		-webkit-box-shadow: 0px 5px 3px rgba(0,0,0, 0.8); 
		margin-bottom: 10px; 
		border: solid 1px #aaa;}
.boiteGaucheInner {
    padding: 5px;
}

.boiteGauche h1,p{color:#666666;text-decoration:none;text-transform:none; font-variant:normal}


/* Boite de droite */
.boiteDroite { 
		-moz-box-shadow: 0px 4px 4px rgba(0,0,0, 0.8); 
		-webkit-box-shadow: 0px 5px 3px rgba(0,0,0, 0.8); 
		background-color: #FFF;
		margin-bottom: 10px; 
		border: solid 1px #aaa;
    padding: 5px;
}
.boiteDroiteInner {
    padding: 5px;
}




/* Form */
.submit {background:transparent url('../images/bouton/btn_ok.gif') no-repeat;border:0 none;cursor:pointer;height:18px;width:18px;}


/* Tableau de liste */
.listeTitre{border-bottom:1px solid #CACFD5;border-top:1px solid #CACFD5;color:#666666;font-weight:bold;}
.listePaire{background-color:#F4F4EF;}
.listeImpaire{background-color:#FFFFFF;}

/* Register membre */
.register td.droite{text-align:right;padding-right:10px;width:150px;vertical-align:top;}
.register td.gauche{text-align:center;}
.register input {width:100%;}

/* Calendrier */
iframe.calendar{width:210px;height:350px;}
table.calendar_main {font-family: Verdana;font-size: 10px;}
.calendar_title td{color: #000000;text-align:center;}
.calendar_title_month_clickable {color: #D44100;text-decoration: none;font-weight:bold;font-size:13px;}
.calendar_table {border: none;	font-size: 12px;}
.calendar_table td {text-align: center;width: 20px; width:100%;}
.calendar_table th {background-color: #FFFFFF;text-align: center;color:#666666;}
.calendar_weekend {background-color: #FFFFFF;}
.calendar_other_month {color: #FFFFFF;}
.calendar_other_month_clickable {color: #FFFFFF;text-decoration: none;}
.calendar_non_clickable {color: #666666;}
.day_clickable {color: #D44100;text-decoration: none;}
.calendar_day_non_clickable {color: #666666;text-decoration: none;}
.day {	font-weight:bold;}
form#calendar_select_categorie label {color: #666666; font-size:12px; font-weight: bold}

/* Texte special */
.info{color:#003687;}
.notice a{font-size:9pt;color:inherit;text-decoration:none;}
.notice a:hover{font-size:9pt;color:inherit;text-decoration:underline;}
.notice a:visited{font-size:9pt;color:inherit;text-decoration:none;}

/* Admin */
.modules{width:720px;margin:10px 10px 10px 10px;}
.modules td.titre{color:#003687;font-size:12pt;font-weight:bold;}
.modules tr.soustitre{font-size:10pt;font-weight:bold;color:#FF6600}
.modules tr.first{background-color:#F5F3F3;color:#000000;font-size:10pt;}
.modules tr.second{background-color:#FFFFFF;color:#000000;font-size:10pt;}
.modules tr.survol:hover{background-color:#78AEFF;font-size:10pt;}
.modules td.separ{height:1px;background-color:#A0A0A0;}
.modules a {font-size:8pt;color:#0058A5;text-decoration:none;}
.modules a:hover {font-size:8pt;color:#0058A5;text-decoration:underline;}
.modules a:visited {}
.modules img.ico {width:16px;height:16px;border:none;}

.index a {font-size:10pt;color:#FF0000;text-decoration:none;}
.index a:hover {font-size:10pt;color:#FF0000;text-decoration:underline;}
.index a:visited {}

.grand_titre a{font-size:12pt;color:#CF6707;text-decoration:none;font-weight:bold;}
.grand_titre a:hover{font-size:12pt;color:#CF6707;text-decoration:underline;font-weight:bold;}
.grand_titre a:visited{font-size:12pt;color:#CF6707;text-decoration:none;font-weight:bold;}

/* SubModal */
.modal td.titre{color:#93A6B4;font-size:12pt;font-weight:bold;}
.modal tr.soustitre{font-size:10pt;font-weight:bold;color:#FF6600}
.modal tr.first{background-color:#F5F3F3;color:#000000;font-size:10pt;}
.modal tr.second{background-color:#FFFFFF;color:#000000;font-size:10pt;}
.modal tr.survol:hover{background-color:#78AEFF;font-size:10pt;}
.modal td.separ{height:1px;background-color:#A0A0A0;}
.modal a {font-size:8pt;color:#0058A5;text-decoration:none;}
.modal a:hover {font-size:8pt;color:#0058A5;text-decoration:underline;}
.modal a:visited {}
.modal img.ico {width:16px;height:16px;border:none;}

/* Profil */
.profil {text-align:right;vertical-align: bottom;background:transparent url('../images/bg_profil.gif') no-repeat top right;width:auto;height:auto;border:1px solid #DCDCDC;}
.profil font {font-weight:bold;font-size:11pt;color:#FFFFFF;}
.profil select {border:1px solid #738EAD;padding:2px;width:150px;}
.profil td.profil_contenu {font-size:8pt;color:#575757;text-align:center;}


/* Login */
.login {height:236px;width:420px;margin:10px 10px 10px 10px;border:1px solid #007CA5;}
.login tr.dark {background-color:#D7E1E7; color:#007CA5;font-weight:bold;font-size:10pt;}
.login tr.light{background-color:#F4F8FB; color:#007CA5;font-size:9pt; padding-right:10px;padding-left:10px}
.login span {color:red;font-weight:bold;}
.login input {width:150px;font-weight:bold;color:#000000;}



/* Form */ 
.form{background-color:#F0F0F0;border:1px solid #7F9DB9;margin:2em 0pt 0pt;padding:10px 10px 0pt;width:450px;}
.form fieldset {color:#3C5188;font-weight:bold;margin:0pt 0pt 0pt 5px;padding:0pt 2px;border:1px solid #DCDCDC;}
.form input{border:1px solid #7F9DB9;padding:2px;width:auto;font-weight:bold;}
.form label {float:left; font-size:10pt;margin:0pt 0pt 0pt 10px;padding:2px;width:auto;text-align:left;}
.form select {border:1px solid #7F9DB9;padding:2px;width:150px;}
.form textarea {border:1px solid #7F9DB9;padding:2px;width:auto;font-weight:bold;}
.form span {font-size:9pt;color:red;font-weight:bold;}
.bouton font {color:#575757;font-size:10pt;font-weight:bold;cursor:pointer; }
.form table {border:0;}
.form td.gauche {text-align:left;padding-left:2px;}
.form td.droite {text-align:right;padding-right:2px;font-weight:inherit;font-size:8pt;color:#575757;}
.form td.info {text-align:left;padding-right:2px;font-weight:inherit;font-size:8pt;color:blue;}


/* Abonnes */
.abonneTitre {background-color:#8A2761;text-align:left;font-size:10pt;color:#ffffff;font-weight:bold;padding:5px}
.abonneCadre{background-color:#F4F8FB;border:1px solid #007CA5;}
.abonne {text-align:center;color:#003687;}
.abonneFiche {text-align:center;font-size:10pt;color:#003687;padding:5px}

/* Copyright */
.copyright p{margin-bottom:10px;margin-top:0px;}
.copyright font {color:#575757; font-size:8pt;border-top:1px solid;border-color:#a0a0a0;}
.copyright a {color:#C80A1E;font-size:9pt;}

div.section
{
	display:none;
}

/* Champ Suggestion */
div.liste_suggestion
{
	position:absolute;
	overflow:auto;	/* Scrolling features */
	z-index:100;
	display:none;
}
table.liste_suggestion
{
	background-color:white;
	border:1px solid #317082;
	text-indent:7px;
	width:auto;
}
td.liste_suggestion
{
	background-color:white;
}
td.liste_suggestion_over
{
	background-color:blue;
	cursor:pointer;
}
input.saisie
{
	border-style:solid;
	border-width:1px;
	border-color:#007CA5;
	padding-left: 3pt;
	background-color:#ffffff;
	font-size:12px;
	font-family:Verdana;
	font-weight: bold;
}
input.saisie_over
{
	border-style:solid;
	border-width:1px;
	border-color:#007CA5;
	padding-left: 3pt;
	background-color:#FFFFBB;
	font-size:12px;
	font-family:Verdana;
	font-weight: bold;
}

.post-it
{
height:73px;
width:114px;
font-family:Arial;
font-size:10pt;
}

tr.boite-info-titre
{
	background-color:#6C94D2;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
}

tr.boite-info-contenu
{
	background-color:#E2EAF6;
	color:#575757;
}

td.boite-info-contenu
{
	padding-left:5px;
}
div.trace_debug
{
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid;
	border-color:#E0E0E0;
	background-color:#CCFF99;
	padding:5px;
}
/* Fonctions admin dans le site */
.fonction_admin{background-color:#0970B2;padding:5px;color:#FFFFFF;}
.fonction_admin span{cursor:pointer;}


/* Calendrier */
.calendar_event_info {
	font-family: Arial;
	font-size: 12px;
	color: #C42454;
	font-weight:bold;
}

.calendar_event_title {
	font-family: Arial;
	font-size: 12px;
	color: #C42454;
	font-style:italic;
}

.calendar_event_date {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	margin-right: 5px;
}

.calendar_event_list h2 {
	font-family: Arial;
	font-size: 12px;
	color: #C42454;
	font-weight:bold;
}


/* AVIS */
.avis_show_avis {
		font-family: Arial;
		font-size: 12px;
		color: #C42454;
		text-transform: uppercase; 
}

.avis_from {
		font-family: Arial;
		font-size: 12px;
		color: #C42454;
}


/* Barre de navigation */
.barre_nav {width:100%; font-family: serif}
.barre_nav span {font-size:12px; color:#C42454; padding:1px; font-family: serif}
.barre_nav a {font-size:12px; color:#C42454;font-family: serif}
.barre_nav a:hover {font-size:12px; color:#C42454; text-decoration:underline; font-family: serif}
.barre_nav a:visited {font-family: serif}
.barreNavNom{font-size:11pt;color:#203C86;font-weight:bold; text-align:right;}

/* critiques */
.separator {
		background-image: url(../images/box/menu/separ.gif);
}


/* surcharges jquery */
.ui-widget-header {
		background: #C42454;
}

.ui-selectable .ui-selected {
		background: #C42454;
		color: #FFF;
}

.ui-selectable .ui-selecting {
		background: #C42454;
		color: #FFF;
}

.ui-selectable li:hover {
		border-color: #C42454;
}