/* MAIN CONFIG
***************/
a {
	color: #666;
}
a:hover {
	color: #000;
}

h1,
h2,
h3 {
	
	/*color: #233E59; /* bleu region */
	/*color: #31274C; /* mauve foncé ETAPS */
	/*color: #594584; /* nouveau mauve foncé ETAPS !!! 22/08/2007 */
	/*color: #5f3451; /* nouveau mauve foncé ETAPS !!! 30/08/2007 */
	color: #0289CD; /* PROGRAMME MED */
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
	font-weight: bold;
}
h3 {
font-size:1em;
}

h4 {
	font-size:1em;
}

h1.csc-firstHeader, .csc-header h1 {font-size: 1.5em;}
h2.csc-firstHeader, .csc-header h2 {font-size: 1.2em; padding-top: 10px;}
h3.csc-firstHeader, .csc-header h3 {font-size: 1em;}


#col_1, #col_2, #col_3 {
	font: normal .8em Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #666;
}

/*
#col_1 {
	border: 1px solid red;
}
#col_2 {
	border: 1px solid green;
}
#col_3 {
	border: 1px solid blue;
}
*/

/* effacer les entetes H5
    pour les headers (titres)
    -> permet de donner un titre aux elements
    pour le backend sans qu'il s'affiche en front
*/
.csc-header h5 {
	display: none;
}


/* RTE / BODYTEXT
******************/
p.bodytext
{
/*	font: normal .8em Arial, Helvetica, sans-serif;
*/
	line-height: 1.1em;
	color: #666;

}
p.bodytext A {
	font-weight: normal;
}


/* entête de texte 
.csc-header h1{
font: bold 1.2em Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}

titre de page
h1.csc-firstHeader {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}
*/

/* VARIOUS FORM
*****************/
/*correction Bug Formulaires: 
######################################*/

.csc-mailform-field {
	text-align:left;
	margin:2px;
}

.csc-mailform-submit {
	text-align:center;
}
/* LB > NON, NON et NON
pourquoi mettre TOUS les labels en float ???
label {
	text-align:right;
	float: left;
	width:90px;
}
*/
.csc-mailform { font-family: "arial"; font-size: 12px; color: #5a5a5a;}
.csc-mailform-label{ font-family: "arial"; font-size: 12px; color: #5a5a5a;font-weight:bold;}
.csc-mailform-field input, {font-family: "arial"; font-size: 12px; color: #5a5a5a;}
.csc-mailform-field select{font-family: "arial"; font-size: 12px; color: #5a5a5a;}

.csc-mailform{ border:0px}
.csc-mailform-submit{	background-color: #6565; font-family: Arial, sans-serif; font-size: 11px; color: #000000; margin:0;padding:0;
float: left; margin-left: 105px; margin-top:20px;padding:5px;}

.csc-mailform-field textarea { 
	border: 1px #5a5a5a solid;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;	
	line-height: 15px;
	background-color: #EEEEEE;
	margin:3px;
	padding:2px;	
	 }

.csc-mailform-field input { 
	border: 1px #5a5a5a solid;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EEEEEE;
	line-height: 15px;
	margin:1px;
        padding:2px;
	
}

.csc-mailform-field select  {
        border: 1px #5a5a5a solid;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EEEEEE;
        margin:2px;
}
 

/* MAIN PAGE
*************************/
/*	col_1 NORMAL
	col_2 DROITE
	col_2 BORDURE
 */




#col_1 .content ul,
#col_2 .content ul
{
	margin: 5px;
	padding:0;
	list-style-type: none;	
}
#col_1 .content ul li,
#col_2 .content ul li
{
	margin:5px;
	margin-top: 15px;
	padding-left: 10px;
	list-style-type: none;
	background: url(_images/menu_gauche.gif) no-repeat  left;
}

#col_1 .content ul li ul li,
#col_2 .content ul li ul li
{
	margin:5px;
	padding:0;
	padding-left: 10px;
	list-style-type: none;
	background: url(_images/menu_gauche.gif) no-repeat top left;
}

#col_3 .content .bodytext a
{
	margin:5px;
	margin-top: 15px;
	padding-left: 10px;
	list-style-type: none;
	background: url(_images/menu_gauche.gif) no-repeat  left;
	text-decoration:underline;
	line-height :15px ;
}

/* HEADER
*************************/
/* En tete */
#header_module .content .site_region {
	margin:0;
	padding:0;
	margin-left:10px;
	padding-left: 18px;
	background: url(_images/menhaut_region.jpg) no-repeat top left;
}

#header_module .content .plan_site {
	margin:0;
	padding:0;
	margin-left:5px;
	padding-left: 12px;
	background: url(_images/menhaut_puce.jpg) no-repeat top left;
}

#header_module .content .rss {
	margin:0;
	padding:0;
	margin-left:10px;
	padding-left: 18px;
	background: url(_images/menhaut_rss.jpg) no-repeat top left;
	background(_images/menu_gauche.gif);
}

/* FIL D'ARIANE
*****************/
#rootline {
		font: normal .8em Arial, Helvetica, sans-serif;
}

div#rootline ul {
	margin:0em 0em 0em -4px;
	border-bottom:1px dashed #999999;
	padding:0em 0em 0.2em 0.75em;
	margin-left:10px;
}
div#rootline li {
	display:inline;
	margin-left:-6px;
	padding-left:0.75em;
	padding-right:0.75em;
	background-image:url(_images/filariane.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
}

div#rootline a {
text-decoration: none;
color: #31274C; /* mauve ETAPS */
}
div#rootline .cur a{color:#0289CD}

div#rootline .curPrive a{color:red}


/* 	-------------xxX[ MENU ]Xxx-------------
	----------xxX[ Zone privée ]Xxx---------- 
*/
div#rootline .itemPrive {
	display:inline;
	margin-left:-6px;
	padding-left:0.75em;
	padding-right:0.75em;
	background-image:url(_images/filarianePrive.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	color:#0093cc;
        
}

div#rootline .itemPrive a{
	color:#8DC621;
	font-weight:bold;
}



div#rootlgdashed ul {
	margin:0em 0em 0em -4px;
	border-bottom:1px dashed #999999;
	padding:0em 0em 0.2em 0.75em;
	margin-left:5px;
}
/*
div.filAriane ul {
	margin:0em 0em 0em -4px;
	border-bottom:1px dashed #999999;
	padding:0em 0em 0em 0.75em;
	margin-left:10px;
}
div.filAriane li {
	display:inline;
	margin-left:-6px;
	padding-left:0.75em;
	padding-right:0.75em;
	background-image:url(styleScreen_FILES/filariane.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
}
*/
/*fin fil d'ariane*/



/* FORMULAIRE D'AUTHENTIFICATION
**********************************/
#auth_form .content form {
	display: inline;
	margin: 0;
	padding:0;
	font-size: .65em;
	/*font-size: 10px; -> si on veut éviter que la boite auth_form se déforme au zoom (LB) */
}
#auth_form .content form label {
	width: auto;
}

#auth_form .content form input {
	font-size: 1.2em;
	font-weight: bold;
}

#auth_form .content form input#username,
#auth_form .content form input#password
{
	font-size: 1.2em;
	font-weight: bold;
	width: 110px;
}

#auth_form_footer {
	font-size: .6em
}

#auth_form_footer a {
	background: url(_images/puce_loginbox.gif) no-repeat 0 2px;
	padding-left: 10px;
}
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/

/* NOUVEAUTES DU SITE
*************************/
#nouveaute {
	margin:0;
	padding:0;
	/* margin-bottom: 15px; */
	/* background: #f7f8f3; 22/08/2007 */
}
#nouveaute .content {
	margin: 0;
	padding: 0; /* 5px 0; */
	font-size: .85em;
}

/* Ecraser les styles du layout */
#col_3 .content #nouveaute .content {
	padding: 0px 6px; /* 0 6px */
	margin: 0;
}


		/***************************************************
		Toutes les Nouveautes
		*****************************************************/
		#col_3 .content .news-list-item h3{
			padding-left: 15px;
			background: url(modulesEtExtensions/nouveautes/images/puceNouveautes.gif) no-repeat top left;
			font-size : 11px;
		}
			
		 #col_3 .content .news-list-item h3 a {
			text-decoration: none;
		}
		#col_3 .content .news-list-item h3 a:hover {
			color: #676767;
			text-decoration: underline;
		}
			
		#col_3 .content #nouveaute
		{
		padding-bottom:10px;
		}
			
		#col_3 .content #nouveaute .tousles-nouveautes a,
		#col_3 .content #nouveaute .tousles-nouveautes a:hover{
			display: block;
			margin: 3px;	
			font-size: 11px;
			font-weight : normal;
			color: #333;
			text-decoration: none;
			padding-left: 15px;
		}
			
		 #col_3 .content #nouveaute .tousles-nouveautes a:hover{
			text-decoration: underline;
		}
		/***************************************************
				Fin  : Toutes les Nouveautes
		*****************************************************/



#nouveaute .content ul,
#nouveaute .content li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*
#nouveaute .content ul {
	padding: 0;
}
*/
#nouveaute .content ul li {
	font-size:11px;
	padding: 2px 0 0 0;
}

/* deco: images de fond (puces) */
#nouveaute .content ul li {
	background: url(modulesEtExtensions/nouveautes/images/puceNouveautes.gif) no-repeat center left;
}

/* fonts */
#nouveaute a {
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #666;
	font-weight: bold	
}
#nouveaute a:hover {
	display: block;
	text-decoration: underline;
	color: #999933;
	font-weight: bold	
}

#col_3 .fin-module {
	font-size: 1px;
	padding-bottom: 10px;
}

/* ACTUALITES
*************************/

		/* test >>> */
		#actualite {
			margin:0;
			padding:0;
			background: #f7f8f3;
		}
		#actualite .content {
			margin: 0;
			padding: 0; /* 5px 0; */
			font-size: .85em;
		}
		
		/* Ecraser les styles du layout */
		#col_3 .content #actualite .content {
			padding: 2px 6px; /* 0 6px */
			margin: 0;
		}
		
		#actualite .content ul,
		#actualite .content li 
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#actualite .content ul {
			padding: 0;
			padding-bottom: 3px;
		}
		#actualite .content ul li {
			padding: 2px 0 2px 0;
		}
		
		/* deco: images de fond (puces) */
		#actualite .content ul li {
			background: url(modulesEtExtensions/nouveautes/images/puceNouveautes.gif) no-repeat center left;
			background: url(_images/menu_gauche.gif) no-repeat center left;	
		}
		
		/* fonts */
		#actualite a {
			display: block;
			padding-left: 15px;
			text-decoration: none;
			color: #666;
			font-weight: bold	
		}
		#actualite a:hover {
			display: block;
			text-decoration: underline;
			color: #999933;
			font-weight: bold	
		}
		/* <<< test */

/* news mode 1 : presentation liens */
/*
ul.news-titreMode1 {
	font-size: .85em;
}
ul.news-titreMode1,
ul.news-titreMode1 li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
ul.news-titreMode1 {
	padding: 0;
	padding-bottom: 3px;
}
ul.news-titreMode1 li {
	padding: 2px 0 2px 0;
}
*/

/* deco: images de fond (puces) */
/*
ul.news-titreMode1 li {
	background: url(_images/menu_gauche.gif) no-repeat center left;
}
*/
/* fonts */
/*
ul.news-titreMode1 a {
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #666;
	font-weight: bold	
}
ul.news-titreMode1 a:hover {
	display: block;
	text-decoration: underline;
	color: #999933;
	font-weight: bold	
}
*/

/* EN SAVOIR PLUS
*************************/
#enSavoirPlus {
	margin:0;
	padding:0;
	background: #f7f8f3;
}
#enSavoirPlus .content {
	margin: 0;
	padding: 0; /* 5px 0; */
	font-size: .85em;
}

/* Ecraser les styles du layout */
#col_3 .content #enSavoirPlus .content {
	padding: 2px 6px; /* 0 6px */
	margin: 0;
}

#enSavoirPlus .content ul,
#enSavoirPlus .content li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#enSavoirPlus .content ul {
	padding: 0;
	padding-bottom: 3px;
}
#enSavoirPlus .content ul li {
	padding: 2px 0 2px 0;
}

/* deco: images de fond (puces) */
#enSavoirPlus .content ul li {
	background: url(modulesEtExtensions/nouveautes/images/puceNouveautes.gif) no-repeat center left;
}

/* fonts */
#enSavoirPlus a {
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #666;
	font-weight: bold	
}
#enSavoirPlus a:hover {
	display: block;
	text-decoration: underline;
	color: #999933;
	font-weight: bold	
}


/* MENU ACCES PRIVE */

ul#vertnav1.private,
ul#vertnav2.private,
ul#vertnav3.private,
ul#vertnav4.private
{
background: #e1e4e3;
background: #eeede9;
}

ul#vertnav1.private li a,
ul#vertnav2.private li a,
ul#vertnav3.private li a,
ul#vertnav4.private li a
{

color: #0093cc;
}

ul#vertnav1.private {
border-top: 1px solid #d3d2cf;
}


/* PLAN DU SITE (DEPLIE)
**********************************/


/* PLAN DU SITE (DEPLIE)
**********************************/

/* MOT DE PASSE PERDU 
**********************************/
.fp_send {
padding: 0 0 0 90px;
}


div #allactu {
	text-align:right;
	padding: 0.1em 0.1em 0.1em 0em;
	margin-bottom:1em;
	border-top:1px solid #D1C0D0;
	border-bottom:1px solid #D1C0D0;
	font-size: 10px;
}

.actualite div #allactu {
	text-align:right;
	padding: 0.1em 0.1em 0.1em 0em;
	margin-bottom:1em;
	border-top:1px solid #E6E6CC;
	border-bottom:1px solid #E6E6CC;

}

div #allactu img { margin-right:2px; vertical-align:middle; }

a.internal-link, a.external-link-new-window, a.voir_pj, a.telecharger_pj, a.ajoutpanier, a.masquer  {
	background-position:0 50%;
	background-repeat:no-repeat;
	text-decoration:none;
	white-space:nowrap;
}
a.internal-link:hover, a.external-link-new-window:hover, a.voir_pj:hover, a.telecharger_pj:hover, a.ajoutpanier:hover {
	text-decoration:underline;
}
a.internal-link {background-image: url(_images/puce_lien.gif);padding-left:20px; }
a.external-link-new-window { background-image: url(_images/puce_lien.gif); 	padding-left:20px; }

div.top {
	clear: both;
	margin-top: 20px;
	text-align: center;
}

/* RTE */
p.accroche {
	font-weight: bold;
}

#menuRapide a {
text-decoration:none;
padding-left:5px;
color:#666666;
}



a.resume_short {
	
	cursor:pointer;
	
}

/* NEWSLETTER
*************************/



div.lien_newsletter {
	margin-top: -100px;
	padding-left: 70px; 
	text-decoration:none;
	
	
}

span.raccourci {
	text-decoration:none;
	width : 10 px;		
	background:url("_images/menu_gauche.gif") no-repeat right center;
}

li.raccourci {
	text-decoration:none;
	font-size: .85em;
	background:url("_images/menu_gauche.gif") no-repeat left ;
	list-style-type:none;
	margin-left:5px;
}

li.raccourci a {
	margin:15px 5px 5px;
	padding-left:5px;
	text-decoration:underline;
}

div.lien_newsletter a {
	font-size: .7em;
	margin:15px 5px 5px;
	
	text-decoration:underline;
}

div.news-list-file h3 a 
{
	text-align: left; 
	
}




a.focus-link
{
		color:#BFA888;
		background:url("_images/puce_lien.gif") no-repeat scroll 0 2px transparent;
		padding-left:15px;
		text-decoration:none;
		font-size:9px;
		color:#333;
	
}