@CHARSET "UTF-8";
/**
 * Rouge : #D8002A
 * Gris (police) : #383838
 */


/* CSS reset */
* {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #383838;
}

select, option, input {
	font-family: verdana, sans-serif !important;
}
iframe, a , img, fieldset, form, table {
	border: 0
}
h6, h5, h4, h3, h2, h1, caption, th, td {
	font-size: 100%;
	font-weight: normal
}
dd, dt, li, dl, ol, ul {
	list-style: none
}
legend {
	color: #000
}
button, select, textarea, input {
	font: 100% sans
}
table {
	border-collapse: collapse
}
caption, th, td {
	text-align: left
}

html {
	height:100%;
}
body {
	height:100%;
	background:transparent url('/img/fd-body.png') repeat-y left top;
}

tr {
	vertical-align:top;
}

#Main {
	position: relative;
	z-index:10;
	width: 981px;
	margin: 30px auto;
	text-align: left;
	
}


#Main .MainContenu {	
	background:transparent url('/img/main_middle.png') repeat-y left top;
	margin-bottom:10px;
	padding-top:10px;
	width: 981px;
}

#Main .MainHeader {
	position: relative;
	width: 981px;
	height: 190px;
	background:transparent url('/img/main_header.png') repeat-y left top;
}

#Main .MainBottom {
	display:block;
	height:22px;
	line-height:22px;
	background:transparent url('/img/main_bottom.png') no-repeat left top;
}


/**
 * ENTETE
 */
#Logo {
	position: absolute;
	top:55px;
	left:15px;
	width: 93px;
	height: 93px;
	z-index:50
}

#Main .MainHeader h1 {
	position: absolute;
	top:7px;
	left:5px;
	width:217px;
	height:27px;
	line-height:23px;
	background:transparent url('/img/titre.png') no-repeat left top;
	color:#666;
	padding-left:10px;
	font-size: 12px;
	font-weight: bold;
}
#Main .MainHeader .bandeau {
	position: absolute;
	top:25px;
	right:43px;
}

/**
 *	MENU
 */

#Menu {
		float: left;
		width:160px;
		min-height:350px;
		margin-left:15px;
		margin-top:10px;
}
	#Menu li {
		border-bottom:1px solid #ccc;
		font-size:11px;
	}
	#Menu li a {
		display: block;
		padding:5px 0;
		font-size:11px;
		text-decoration: none;
		color: #666;
	}
	#Menu li a.current {
		color: #D8002A;
		font-weight: bold;
	}
	#Menu li a:hover {
		color: #D8002A
	}
	#Menu li.end  {
		border-bottom:0;
	}
	
	#Menu li li {
		border: 0;
		margin-left:10px;
	}
		#Menu li li a {
			font-size:9px;
			padding:2px 0;
		}
	#Menu #correspondants {
		margin-top:5px;
	}

	#Menu #correspondants,
	#Menu #candidature {
		position:relative;
		z-index:20;
		text-decoration: none;
	}
	#Menu #correspondants span,
	#Menu #candidature span {
		margin-bottom:2px;
		padding:3px 2px;
		color:white;
		font-size:11px;
		font-weight: bold;
	}
		#Menu #candidature span.c1 {
			display: block;
			width:4.2em;
			background: #666666;
		}
		#Menu #correspondants span.c2 ,
		#Menu #candidature span.c2 {
			display: block;
			background: #D8002A;
		}

		
		

#Content {
	float: right;	
	margin-right:20px;
	width:770px;
}

#Actus {
	clear: both;
}
	
	#Actus h2 {
		font-size: 12px;
		font-weight: bold;
		margin-left:10px;
	}

	#Actus .box_mini {
		background: transparent url('/img/box_mini.png') no-repeat top left;
		width:204px;
		min-height:175px;	
		float: left;
		margin: 0 10px 0 0;
		padding: 15px 20px 0 20px;
	}
	
		#Actus .box_mini span.date {
			display: block;
			font-weight: bold;
			color:#333;
			font-size:90%
		}
		#Actus .box_mini h3 {
			font-weight: bold;
		}
		a.plus {
			color: #D8002A;
		}


#ContentCentral {
	background:transparent url('/img/fd_contenu.png') no-repeat left top;
	min-height:345px;
	padding: 25px 25px 0 25px;
	position: relative;
}
	
#ContentCentral p {
	margin:8px 0 8px 15px;
}


.lienDoc,
#ContentCentral p,
#ContentCentral ul.liste2,
#ContentCentral h4 {
	margin-left:15px;
}
	#ContentCentral .red {
		color:  #D8002A;
	}
	

h2 {
	font-size:16px;
	font-weight: bold;
	margin-left:8px;	
}
	

h3 {
	font-size:12px;
	font-weight: bold;
	color:  #D8002A;
}

h4 {
	font-size:11px;
	font-weight: bold;
	color:  #383838;
	margin:10px 0 10px 0;
}

/**
 * Centrale : actualité principale
 */
#Centrale {
	float: left;
	width:527px;
}
	#Centrale .Centrale-contenu {
		min-height:125px;
		background:transparent url('/img/centrale_middle.png') repeat-y left top;
		padding-left:17px;
	}
	#Centrale .Centrale-top {
		display:block;
		height:15px;
		line-height:15px;
		background:transparent url('/img/centrale_top.png') no-repeat left top;
	
	}
	#Centrale .Centrale-bottom {
		display:block;
		height:15px;
		line-height:15px;
		background:transparent url('/img/centrale_bottom.png') no-repeat left top;	
	}


	#Centrale .illust {
		float:left;
	}

	#Centrale .actu {
		margin-right:15px;
	}
	#Centrale .actu h4 {
		background: #D8002A;
		display: inline;
		color: white;
		font-size:11px;
		font-weight: bold;
		padding:0 5px 0 5px;
	}
        #Centrale .actu .contenu {
            margin-top: 5px;
        }
/**
 * VIDEO
 */
#Video {
	float: right;
	width:180px;
	margin-top:10px;
	margin-right:5px;
}

	
	#Video img {
		margin:0 auto 5px auto;
		border:3px solid #ccc;	
	}
	
	#Video  em {
		display: block;
	}
	
	#Video  span.date {
		display: block;
		font-weight: bold;
		color:#333;
		font-size:90%
	}
		
/**
 *	FIN DE LA PAGE : FOOTER.
 */
#Footer {
	clear: both;
	text-align: right;
	margin-right:15px;
}		
	#Footer strong {
		font-size:120%
	}	
	
	#Footer ul {
		
	}	
		#Footer ul li {
			list-style: none;
			display: inline;
			
		}	
		#Footer ul li a {
			color: #999;
			text-decoration: none;
			padding:0 5px;
			border-right:1px solid #999;
			font-size:90%;
		}	
		
		#Footer ul li a.current {
			color: #D8002A;
			font-weight: bold;
		}
	
		#Footer ul li.last a {
			padding-right:0;
			border-right:0;
			
		}	
	
		
/**
 *	DECORATIONS
 */
#Ara1, #Ara2, #Ara3 {
	display: block;
	position: absolute;	
	z-index:5;
}

#Ara1 {
	width:388px;
	height:399px;
	background:transparent url('/img/ara1.png') repeat-y left top;
	top:5px; 
	left:50%;
	margin-left:100px;
}

#Ara2 {
	width:522px;
	height:537px;
	background:transparent url('/img/ara2.png') repeat-y left top;
	top:100px;
	left:50%;
	margin-left:-513px;
}

#Ara3 {
	width:522px;
	height:537px;
	background:transparent url('/img/ara3.png') repeat-y left top;
	top:100px;
	left:50%;
	margin-left:-513px;
}



.liste1,
.liste2 {

	padding-left:1.5em;
}
	
	.liste1 li,
	.liste2 li {
		margin-top:15px;
		list-style-image: url('/img/carre-red.png');
	}
	.liste1 li .assoc,
	.liste2 li .assoc{
		font-style: italic;
		color: #D8002A;
	}
	.liste1 li strong a,
	.liste2 li strong a{
		text-decoration: none;
		font-weight: normal;
	}
	#projets .liste1 li strong a,
	#projets .liste2 li strong a{
		font-weight: bold;
	}
	.liste2 li {
		margin-top:5px;
	}
	


h3.illust {
	padding-left:15px;
	background: transparent url('/img/carre-red.png') no-repeat left 7px;
}

table.colonne {
	width:99%;
	margin:0;
}
	
	table.colonne col.COL1,
	table.colonne col.COL3 {
		width: 49%;
	}
	
table.colonne tr {
	vertical-align: top;	
}	
	
table.colonne th {	
	padding-bottom:10px;
}	
table.colonne td {	
	padding-right:5px;
}	
	
table.colonne td.sep {	
	border-left:1px solid #dedede;
}


/*
Oui les colonne CSS c'est mieux ... 
mais bon sous IE et dans le temps imparti pas moyen !
.multiplecolumns  
{
    -moz-column-count:2;
    -webkit-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-rule: 1px solid #ccc;
    -webkit-column-rule: 1px solid #ccc;
    
    column-count:2;
    column-gap: 20px;
    column-rule: 1px solid #ccc;
}
*/

	
.actuItem {
    margin:0 0 30px 0;
    padding-left:60px;	
    min-height:70px;
}
	
.actuItemPart  {
	background:transparent url('/img/ac_part.png') no-repeat left 5px;
}
	
.actuItemLaureat  {
    background:transparent url('/img/ac_laureat.png') no-repeat left 5px;
}
		
	.actuItem h3  {
	   margin-bottom:5px;
	   background:transparent url('/img/carre-red.png') no-repeat left 7px;
	   padding: 0 0 0 10px;
    }
	    
		.actuItem h3 span {
		    display: block;
		    font-size:80%;
		    color: #999;
		    	
		}
		.actuItem .illust {
		   float:left;
		   margin:0 10px 0 0;
		    	
		}
		
		.actuItem .plus {
		   margin-left:15px;
		    	
		}
		
        .Edito div.contenu {
            margin-left:160px;
        }
.actuNavig {
    width:98%;
    margin:15px auto;
    border-top:1px solid #ccc;	
}

	.actuNavig .pred,
	.actuNavig .next {
	    width:15em;
	}
	
	.actuNavig .pred {
	   text-align:left;
	}
	.actuNavig .next {
	   text-align: right;
	}
	.actuNavig .all {
	   text-align: center;
	}
	
	
	

		
		
table.formulaire {
    width:550px;
}		
table.formulaire tr {
	vertical-align: top;
}

table.formulaire td, 
table.formulaire th {
    padding:3px;
}
table.formulaire th {
    text-align: right;
    
    padding-right:8px;
}

table.formulaire textarea.txt,
table.formulaire input.txt {
    width : 100%;	
    padding:2px 0;
    border:1px solid #ccc;
    background: white;
} 
table.formulaire input.court {
    width : 6em;	
    padding:2px;
    border:1px solid #ccc;
    background: white;
} 
table.formulaire input.txt2 {
    width : 18em;	
    padding:2px;
    border:1px solid #ccc;
    background: white;
} 

		
table.formulaire td.buttons {
    padding-top:15px;
    text-align: right;
} 
			
	table.formulaire td.buttons input {
	    border:1px solid #ccc;
	    padding: 4px 4px 4px 30px;
	    cursor: pointer;
	    background: white url('/img/enveloppe.png') no-repeat 2px 50%;
	} 

		
		
/**
 *	
 */
 
ol.plan {
	padding-left:2em;
	margin-bottom:20px;
	margin-left:20px;
}
 
	ol.plan li {
		list-style: decimal;
	}
		 
	ol.plan ol {
		padding-left:2em;
	}
	


.lienDoc {
	
	margin-top:10px;
	margin-bottom:10px;
}	
	
	.lienDoc a {
		display: block;
		text-decoration: none !important;
		padding-left:18px !important
	}	
	
	a em {
		font-size:90%;
		font-style: normal;
		color: #999;
		padding-left:18px !important
	}	
	
	a.pdf {
		background: transparent url('/img/pdf.png') no-repeat left top;
	}	
	
	a.image {
		background: transparent url('/img/image.png') no-repeat left top;
        color:#D8002A !important;
	}	
	
	
	a.wv {
		padding-left:18px;
		line-height:18px;
		color: #999;
	}
	a.video {
		background: transparent url('/img/video.png') no-repeat left top;
		color:#D8002A !important;
	}	
	
.ContentCandidature .deco {
    float: right;
    margin:5px 5px 0 0;	
}
.ContentCandidature address {
	margin-left:3em;
	font-style: normal;
	border-left:1px solid #ccc;
	padding-left:5px;	
}	


/**
 *	VIDEOS	
 */
#lecteur {
	
	margin:0 auto 10px auto;
	padding-top:10px;
}

.mea-lecteur {
}


#lecteur div {
	height:405px;
	width:480px;
	margin:0 auto;
	border:1px solid #3B393C;
	overflow: hidden;
}

#lecteur .legende {
	padding-left:40px;
	color:white;
	display: block;
	width:350px;
}

.persos {
	margin:10px auto 10px auto;
	padding:0 0 0 0;
	width:480px;
}

.persos tr {
	vertical-align: top
}
.persos td {
	width:182px;
	padding:0 0 15px 0;
}
	
.persoVideo {
	text-align: left;
}
	
	.persoVideo img {
		border:2px solid #ccc;
		display: block;
		margin-bottom:5px;
	}
	
	.persoVideo strong {
		display: block;
		color: #666;
	}
	.persoVideo em {
		display: block;
		color: #666;
		font-style:  normal;
		
	}
	.persoVideo a {
		display: block;
		margin-top:4px;
		
	}
	.persoVideo a:hover {
		color: #999;
	}


#Fvide {
	margin:10px auto 10px auto;
	padding:0 0 0 0;
	width:480px;
}		
			
	#Fvide select {
		width:480px;
	}		
	
	
.fiche {
	position: absolute;
	top:350px;
	left:215px;
    background: white;
    border:1px solid #ccc;
    width:300px;
    padding:10px;	
}	
    .fiche img {
        float:left;
        margin: 0 10px 0 0;
    }
    
    .fiche strong, 
    .fiche em {
        display: block;
    }
    
    .fiche a.close {
        display: block;
        clear: both;
        text-align: right;
        text-decoration: underline;
        color: #999;
    }
    
    

.paragraphe {
	padding:0;
	color: #666;
	font-size:10px;
}



.paragraphe p {
	
	margin-top: 0;
	padding:0;
}

.paragraphe img {
	display: block;
	margin:5px;
}

.paragraphe h3 {
	font-size: 11px;
	font-weight:bold;
	margin:10px 0 5px 0;
	padding:0;
	color: black;
	line-height: 1.5em;
}


.paragraphe_3 .img {
	float:right;
}

.paragraphe_5 .img {
	float:left;
}

    
    
    
#S-territoires {
	position: absolute;
	top:0;
	left:50%;
	z-index:1000;
	background: white;
	padding:10px;
	border:1px solid #ccc;
	width: 760px;
	margin-left:-380px;
}


    
#S-territoires p {
	font-size:10px;
	
}
	
	    
	#S-territoires table td{
		padding:2px;
		font-size:10px;
	}
	    
	#S-territoires a{
		display: block;
		float: right;
		margin:10px;
		font-weight: bold;
		background:#D8002A none repeat scroll 0 0;
		width: 25em;
		color: white;
		text-decoration: none;
		padding: 3px;
		text-align: center;
	
	}


.ContentCorrespondant h3 {
	color: #D8002A;
	font-weight: bold;
	background: transparent url('/img/correspondants/puces_05.gif') no-repeat left 50% !important;
	margin-bottom:15px;
	padding-left:15px;
}

#popupDep {
	position: absolute;
	border:1px solid #ccc;
	background: white;
	padding: 3px 15px;
	font-weight: bold;
	z-index:10000;
}


#CarteContact {
	width: 375px;
	float:left;
}

#ResumeContact {
	width: 340px;
	float:right;
	border-left: 1px solid #ccc;
}
  		
#ResumeContact img { 
	margin: 0 auto 10px auto;
	display: block;
}

#ResumeContact p {
	clear:both;
}
	 
#ResumeContact h4 { 
	color: black;
	font-weight: bold;	
	/*background: transparent url('/img/correspondants/puces_03.gif') no-repeat left 50%;*/
	margin:0 0 0 15px;
	width:45%;
	float: left;
	text-align: center;
}

#ResumeContact a { 
	color: #D8002A;
	font-weight: bold;	
	background: transparent url('/img/correspondants/puce_10.gif') no-repeat right 50%;
	padding-right:35px;
	margin-left: 15px;
	display: block;
	font-size:10px;
	text-align: right;
	clear:both;
	
}


span.cartouche {
	display: block;
	font-size: 10px;
	color: #666;
}


td.separation {
	padding-top:15px;
	padding-bottom:5px;
	font-weight: bold;
	color: #999;
}

.coupcoeur {
	display: block;
	margin:5px 10px 5px 0;
	color: #D8002A;
	font-size:10px;
}


.onglets {
    	margin: 0;
    	padding:0;	
    	width:99%;	
    	height:65px;
}
.onglets li {
	margin: 0;
	padding:0;	
	list-style: none;		
   width:33%;
   float: left;
   text-align: left;
   border-bottom:1px solid #ccc;
   margin:0 0 0 0;
   
}

.onglets li a {
    display: block;
    margin: 5px 0 5px 15px;	
    			
}

.onglets li.current {
    background: #D8002A;
    -moz-border-radius: 4% 4% 0 0;		
    border-radius: 4% 4% 0 0;		
}
.onglets li.current a {
	font-weight: bold;
	color: white
}



.onglets li: hover a {
    display: block;
    margin: 0 0 5px 15px;   
                
}