/* #########GENERALITES #############################*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ FONT FACE */

@font-face {
    font-family: 'HelveticaNeueLTStd-UltLtCn';
    src: url('font/helvetica-neue-ultltcn/helveticaneueltcom-ultltcn-webfont.eot');
    src: url('font/helvetica-neue-ultltcn/helveticaneueltcom-ultltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-neue-ultltcn/helveticaneueltcom-ultltcn-webfont.woff') format('woff'),
         url('font/helvetica-neue-ultltcn/helveticaneueltcom-ultltcn-webfont.ttf') format('truetype'),
         url('font/helvetica-neue-ultltcn/helveticaneueltcom-ultltcn-webfont.svg#HelveticaNeueLTStd-UltLtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cuf_helv_ulc{font-family:'HelveticaNeueLTStd-UltLtCn';}

@font-face {
    font-family: 'HelveticaNeueLTStd-LtCn';
    src: url('font/helvetica-neue-ltcn/helveticaneueltstd-ltcn-webfont.eot');
    src: url('font/helvetica-neue-ltcn/helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-neue-ltcn/helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('font/helvetica-neue-ltcn/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('font/helvetica-neue-ltcn/helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStd-LtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cuf_helv_lc{font-family:'HelveticaNeueLTStd-LtCn';}

@font-face {
    font-family: 'HelveticaNeueLTStd-Cn';
    src: url('font/helvetica-neue-cn/helveticaneueltstd-cn-webfont.eot');
    src: url('font/helvetica-neue-cn/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-neue-cn/helveticaneueltstd-cn-webfont.woff') format('woff'),
         url('font/helvetica-neue-cn/helveticaneueltstd-cn-webfont.ttf') format('truetype'),
         url('font/helvetica-neue-cn/helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStd-Cn') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cuf_helv_c{font-family:'HelveticaNeueLTStd-Cn';}

@font-face {
    font-family: 'HelveticaNeueLTStd-BdCn';
    src: url('font/helvetica-neue-bdcn/helveticaneueltstd-bdcn-webfont.eot');
    src: url('font/helvetica-neue-bdcn/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-neue-bdcn/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('font/helvetica-neue-bdcn/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('font/helvetica-neue-bdcn/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd-BdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cuf_helv_bc{font-family:'HelveticaNeueLTStd-BdCn';}



	a img 
	{	    
		border:0;
	}
	
	.clear{
	clear:both;
	height:0;
	margin: 0px;
	padding: 0px;
	}
	
ul{
		list-style:none;
		margin: 0px;
		padding: 0px;
}

a, a:link {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}
a:hover, a:focus , a:active{
	color: #07b3e1;
	text-decoration: underline;
}

/* Les link ---------------------------*/
.link {
	position: relative;
	display: block;
	margin: 0px;
	padding: 4px 7px 4px 7px;
	font-family:'HelveticaNeueLTStd-Cn';
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	}

.link_BK:link { background-color: #000; color: #fff; text-decoration: none; display: inline; }
.link_BK:visited { background-color: #000; color: #fff; text-decoration: none; }
.link_BK:hover {
	background-color: #07b3e1;
	color: #fff;
	text-decoration: none;
}

.link_W:link { background-color: #333; color: #fff; text-decoration: none; display: inline; }
.link_W:visited { background-color: #333; color: #fff; text-decoration: none; }
.link_W:hover { background-color: #7b9bad; color: #000; text-decoration: none; }

.link_B:link { background-color: #7b9bad; color: #fff; text-decoration: none; display: inline; }
.link_B:visited { background-color: #7b9bad; color: #fff; text-decoration: none; }
.link_B:hover { background-color: #fff; color: #000; text-decoration: none; }




hr { visibility: hidden; clear: both; }img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
strong {
	/* [disabled]color: #333; */
}

h1 {
	text-decoration: none;
	margin-right: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 28px;
	color: #29416C;
	font-family: Impact, "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* [disabled]padding-top: 30px; */
}
h2  {
	text-decoration: underline;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 8px;
	font-size: 14px;
	font-family: HelveticaNeueLTStd-Cn, Helvetica;
	color: #3CF;
}
h3 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: underline;
}
h4 {
	color: #D83220;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding: 0px;
}
h5  {
	font-size: 12px;
	color: #9C0;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}




.statistiques {
	height: 20px;
	width: 20px;
	left: 0;
	visibility: hidden;
}
.separation {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 5px;
	clear: both;
}

.clear{
	clear:both;
	height:0;
	margin: 0px;
	padding: 0px;
}
.warning {
	color: #CC0000;
}


/*############################################################*/

/* ### FOOTER ### */
footer {
	clear: both;
}
footer h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	background-image: none;
}
#index #contenu   {
	margin: 0px;
	padding: 0px;
}
/*------------ Page index -------------------------------------------*/

#index #video  {
	width: 100%;
	background-color: #333;
	height: 200px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#index #video .content {
	position: relative;
	top: -160px;
}
#index section .colcentrale {
	background-color: #0F0;
	text-align: center;
	width: 100%;
	height: 200px;
}

#index section .colleft {
	/* [disabled]background-color: #CCC; */
	float: left;
	width: 250px;
	margin-left: 64px;
	padding: 3px;
	/* [disabled]min-height: 150px; */
	text-align: center;
}

#index section .colleft img {
	margin-top: 8px;
	margin-bottom: 0px;
}
#index section h1    {
	/* [disabled]text-align: center; */
	background-image: none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #000;
	font-family: HelveticaNeueLTStd-Cn, Helvetica;
}

#index section div.colpresident {
	float: left;
	width: 440px;
	margin-top: 15px;
	padding-left: 5px;
	margin-left: 60px;
}

#index section .colpresident img {
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#index section .colpresident p {
	padding: 0px;
	text-align: justify;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#index section div.colflyer {
	float: right;
	width: 440px;
	/* [disabled]height: 150px; */
	margin-top: 15px;
	margin-right: 60px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
}
#index section .colflyer h2 , #index section div.colpresident h2{
	text-decoration: none;
	background-image: url(../pictures_library/fnd_columns.gif);
	background-position: left 13px;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 20px;
	font-size: 16px;
	background-repeat: repeat-x;
}

#index section .zone_flyer {
	width: 110px;
	/* [disabled]background-color: #CCC; */
	text-align: center;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}

#index section .zone_flyer img.photo {
	/* [disabled]float: right; */
	height: 110px;
	width: auto;
	/* [disabled]margin-left: 10px; */
	border: 1px solid #3CF;
}

#index section .zone_flyer p {
	font-size: 10px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*############################################################*/

/* ### SECTION ### */
section {
	width: 100%;
	padding-top: 30px;
}

#index section {
	padding-top: 15px;
}

section h1   {
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	background-image: url(../pictures_library/h1.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 30px;
}
section h1 strong {
	font-size: 30px;
	font-weight: normal;
	color: #000;
}

section h2 {
	padding-left: 20px;
	background-image: url(../pictures_library/h2.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	margin-left: 20px;
}
#realisations section h2 , #actualite section h2{
	background-image: none;
	text-decoration: none;
	margin-left: 0px;
	background-color: #3CF;
	color: #333;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

section h3.pdf {
	background-image: url(../pictures_library/h3_pdf.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}



section p {
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
}

section p.avantlink {
	margin-top: 20px;
	margin-bottom: 15px;
}

section p.intro {
	font-size: 16px;
	font-weight: bold;
}

section table.table_agrements {
	width: 100%;
	font-size: 14px;
}

section table.table_agrements td {
	height: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

section table.table_stc {
	width: 100%;
}

section table.table_stc th {
	background-color: #CCC;
}

section table.table_stc td {
	background-color: #ebf4f7;
}
section table.table_stc td.ligne {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

section ul {
	padding: 0px;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

section li {
	margin-bottom: 4px;
}

section img.deco {
	margin-bottom: 20px;
	margin-left: 20px;
}

section .deco_right {
	float: right;
	margin-left: 20px;
}

section p.first {
	font-size: 14px;
	margin-bottom: 18px;
	color: #CCC;
}




/*------------ Actualites -------------------------------------------*/
/* ### ARTICLE ### */
article,
footer {
	display: block;
}

article    {
	padding: 5px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3CF;
}

#actualite article {
	min-height: 250px;
}
article img.photo , #accordion img.photo{
	border: 1px solid #3CF;
	/* [disabled]width: 100px; */
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	/* [disabled]max-height: 85px; */
}

#realisations article img.photo {
	height: 85px;
	width: auto;
}
#accordion img.photo {
	float: right;
	width: 300px;
	height: auto;
}
article header h1 , article h1, #accordion h1{
	font-size: 14px;
	color: #3CF;
	background-image: none;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

article h2 {
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 14px;
}

article h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #333;
	font-size: 11px;
}
article p , #accordion p{
	text-align: justify;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 550px;
}

article a,
article a:link {
	color: #333;
}

article a:hover,
article a:focus,
article a:active {
	color: #999;
}

article footer {
	margin: 0px;
	padding: 0px;
	clear: left;
}
#partenariats ul {
}
#partenariats ul li  {
	font-size: 12px;
}

#partenariats ul li strong {
	/* [disabled]color: #3CF; */
}

#partenariats ul li .description {
	color: #666;
}
#flyers section .zone_flyer    {
	float: left;
	text-align: center;
	margin-right: 10px;
	width: 240px;
	/* [disabled]background-color: #CCC; */
	margin-top: 20px;
	padding: 0px;
}

#flyers section img.photo {
	width: auto;
	height: 210px;
	border: 1px solid #3CF;
}
#flyers section p {
	padding: 0px;
	text-decoration: none;
	font-size: 12px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#tor #ttrform .ttrbox .boxtitre {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#tor #ttrform .ttrbox {
	background-color: #94dbf3;
	margin-bottom: 15px;
	padding: 5px;
}

.formulaire_tor input {
	border: 1px solid #666;
}
.formulaire_tor input.inputmed{
	width: 170px;
}

.formulaire_tor input.inputsmall {
	width: 50px;
}



/* Le formulaire contact -------------------------------------------------*/

/* ------------------------------------------------------------*/
.form3 {
	color: #000;
}
.form3 fieldset {
	border: 0;
	margin: 0px;
	padding: 0px;
	/* [disabled]width: 400px; */
}
.form3 fieldset p {
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
.form3 legend {
	background-color:#666 !important;
	background-color: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.form3 label.text {
	display: block;
	float: left;
	width: 300px;
	text-align: right;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.form3 input.text , .form3 textarea{
	width: 50%;
	background-color: #CCC;
	border: 0;
}
.form3 input.textpio {
	width: 50px;
	background-color: #CCC;
	border: 0;
	margin-left: 5px;
}
.form3 button, .send{
	color: #2D3249;
	background-color: #3CF;
	cursor: pointer;
	text-align: center;
	border: 1px solid #2D3249;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
	font-size: 10px;
}

.form3 p.submit{
	text-align: right;
	padding: 0;
	margin-top: 0px;
	margin-right: 145px;
	margin-bottom: 10px;
	margin-left: 0px;
}




/* Le Footer ----------------------------------------------------*/
#foot {
	width: 993px;
	margin: 0 auto;
}
p.adresse_footer {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#foot a, #foot a:link {
	color: #999;
	text-decoration: none;
}
#foot a:hover, #foot a:focus, #foot a:active {
	color: #07b3e1;
}
.foot_gauche {
	padding: 0px;
	float: left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	color: #FFF;
}

.foot_gauche .second {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 10px;
	margin-left: 10px;
	height: 60px;
}
.foot_gauche p {
	font-size: 13px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

.foot_gauche ul {
	font-size: 11px;
	list-style-type: none;
}
.foot_droit {
	padding: 0px;
	float: right;
	text-align: right;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 9px;
	color: #999;
	font-family: "Lucida Console", Monaco, monospace;
}

#foot .foot_droit p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#foot .foot_droit img.picto {
	float: right;
	margin-left: 5px;
}