@import"reset.css";@import"grid.css";@import"slider.css";@import"news_carousel.css";
@import url(http://fonts.googleapis.com/css?family=Coda);
@import url(http://fonts.googleapis.com/css?family=PTSans);
body{background:#999;font:12px/23px "PT Sans", Arial, Helvetica, sans-serif;color:#62676d;position:relative;min-width:1020px;}
html,body{height:100%;}
a{color:#228998;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#000;font-family:'Coda', cursive;  font-weight:normal;}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px; color:#fff; padding-bottom:28px;} 
h4{font-size:18px;}  
h4 span{ display:block; margin-top:-5px;}
h5{font-size:16px;}
h6{font-size:12px;padding-bottom:15px;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:9px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:47px;}
.p6 {margin-bottom:12px;}
.p7 {margin-bottom:18px;}
.p8 {margin-bottom:13px;}


/* Global Structure---------------------------------------- */
.main2{ position:relative; width:940px; margin:0 auto; 
}
.main{ width:940px; margin:0 auto;}
/*----- txt,links,lines,titles -----*/
.extra-wrap{overflow:hidden;display:block;}
.wrapper{ position:relative; overflow:hidden;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#22649c;}
.color2{color:#fff;}
.color3{color:#62676d;}
.color4{color:#333;}/*Gris*/

.text1{ font:12px/24px "PT Sans", Arial, Helvetica, sans-serif;}
/*********************************header*************************************/
#top_header{
	width:100%;
	
	background-color: #228998;
	background-repeat: no-repeat;
	background-position: center top;
}


header{
	width:100%;
	position:relative;
	background:#3ab0c1 url(../images/bg_header.png) 50% 0 no-repeat;
	z-index:9;
	padding-top: 10px;
	padding-bottom: 10px;
}
header h1{ float:left;}
header h1 a{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:312px; height:65px; text-indent:-5000px;}
/* menu */
.main-menu{ float:left;}
.langue-menu{ float:right;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu{ }
.sf-menu li {position:relative; float:left; font:14px/18px "Coda", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:10px; padding-bottom:10px; }
.sf-menu li:first-child{ background:none;}
.sf-menu li.last{ padding-right:0;}



.sf-menu  .home a{
	padding:11px 15px;
	width:20px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.sf-menu  .home a:hover {
	padding:11px 15px;
	width:20px;
	background-image: url(../images/home_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.sf-menu  .home_current a{
	padding:11px 15px;
	width:20px;
	background-image: url(../images/home_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	 background-color:#FFF;
}
.sf-menu li a {color:#fff;padding:11px 15px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.sf-menu li.current a,.sf-menu li.sfHover a,.sf-menu li a:hover{ text-decoration:none; color:#228998; background-color:#FFF}
.sf-menu .flag { padding-right:4px;padding-left:4px;}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			129px; 
	display:none;
	background:#0a0d10;
	padding:22px 0;
}
.sf-menu li li{width:100%;padding:7px 0 6px; text-align:center; background:url(../images/submenu-line1.gif) center 0 no-repeat;font:13px/15px "PT Sans", Arial, Helvetica, sans-serif;}
.sf-menu li li:first-child{ background:none;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{ color:#fff;}
		.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ color:#44d0f9;}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			129px; 
	display:none;
	background:#64788c;
	padding:22px 0;
}
	.sf-menu li li li{width:100%;padding:7px 0 6px; text-align:center; background:url(../images/submenu-line2.gif) center 0 no-repeat;font:13px/15px "PT Sans", Arial, Helvetica, sans-serif;}
.sf-menu li li li:first-child{ background:none;}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{color:#fff;}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{ color:#44d0f9;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:-8px;top:47px;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:142px;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {	left:10em;	top:00px;}
.sb{ display:block; background:url(../images/submenu-arrow1.png) 0 0 no-repeat; width:13px; height:12px; position:absolute; top:-34px; left:45%;}
.sb2{ display:block; background:url(../images/submenu-arrow2.png) 0 0 no-repeat; width:11px; height:13px; position:absolute; top:-13px; left:-11px;}





/* slider */
#slider{
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#FFF}
.slider{ width:1750px; height:523px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-875px;} 
.tems {	display:none;}
/* pagination */
#slider .pagination { position:absolute; bottom:38px; right:396px; z-index:9999;}
	#slider .pagination li{ float:left;}
	#slider .pagination li a{ display:block; background:url(../images/pagination.png) -30px 0 no-repeat; width:21px; height:21px; margin-right:8px;}
	#slider .pagination li a:hover,#slider .pagination li.current a{ background-position:0 0;}
.caption{ position:absolute;top:419px; height:104px; width:100%; left:0; background:url(../images/slider-caption.png) 0 0 repeat; color:#fff; font:14px/24px "PT Sans", Arial, Helvetica, sans-serif;}
.caption .main{ padding:16px 0 0 0;}
.caption .main strong{ letter-spacing:0.5px;}
/********************** Content ************************/
section{ position:relative; z-index:1; width:100%;}
section.bgno{  background:#ffffff;}
.padcontent{ padding:60px 0 73px 0;}
.padcontent2{ padding:42px 0 53px 0;}
.padcontent3{ padding:42px 0 0 0;}
.padcontent4{ padding:42px 0 34px 0;}
.dropcap{ width:38px; height:34px; background:#228998; color:#fff; text-align:center; font:bold 24px/28px "Coda", Arial, Helvetica, sans-serif; float:left; margin:5px 15px 0 0; border-radius:25px; padding:4px 0 0 0;}
.bg2{
	padding:12px 0 12px;
	width:100%;
	
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: center top;
}
.bg2.bg2-2{padding:27px 0 37px;}
.bg2.bg2-3{padding:27px 0 30px;}
	.bg2.bg2-2 h2{ padding-bottom:21px;}
.img1{ background:#fff; padding:6px; display:inline-block;}




/* Logos Ils nous font confiances */
.logo_list ul {
	list-style:circle
	}
.logo_list li {
	float:left;
	padding-top:10px;
	padding-right:25px;
}



.list1{ padding-top:13px;}
.list1 li{ background:url(../images/marker.png) 1px 7px no-repeat; padding:2px 0 12px 24px; font-size:14px; line-height:20px;}
	.list1 li a{ display:inline-block; color:#62676d;}
.quote{ padding:14px 0 32px 0;}
.quote blockquote{ background:none; font:14px/23px "PT Sans", Arial, Helvetica, sans-serif;color:#62676d; padding:0;}
.box2{ padding:16px 0 2px 0; line-height:24px;}
	.box2 img{ margin:3px 10px 0 0;}
	.box2 h4 span{ margin-top:4px;}
	.box2 .color3:hover{color:#22649c; text-decoration:none; font-weight:bold;}
.box3{ padding:5px 0 20px 0;}
.box3.last{ padding:5px 0 16px 0;}
	.box3 h4{ padding-top:12px;}
	.box3.last h4{ padding-top:0;}
.box5{ padding:20px 0 0 0;}
	.box5 h4{ margin-top:15px;}
	.box5 p{ padding:7px 0 4px 0;}
	.box5 a{color:#62676d;}
.map{ padding:20px 0 0 0;}
.map iframe{ width:424px; height:291px;}
.contacts{ font-style:normal; padding:13px 0 2px 0;}
	.contacts span{ display:inline-block; width:143px;}
/* form */
#form1{ padding:5px 0 0 0;}
	#form1 fieldset{ position:relative; overflow:hidden;}
	#form1 .fleft:first-child{ width:209px;}
	#form1 label{ height:53px; position:relative; display:block;}
	#form1 label.message{ height:90px;}
	#form1 input, #form1  textarea{font-family:Arial, Helvetica, sans-serif;color:#7a7a7a;font-size:14px;vertical-align:middle;font-weight:normal;padding:10px 15px 11px;margin:0;background:#191919;border:none;outline:none;overflow:hidden; width:162px;}
	#form1  textarea{ resize:none; overflow:auto; height:69px;width:221px;}
#form1 .buttons{ position:relative; padding:12px 0  0 0; text-align:right;}
	#form1 .buttons span{ display:inline-block;}
#form1 .success,
#form1 .error,
#form1 .empty{display:none; text-align:left;}
#form1 .error,
#form1 .empty{position:relative; color:red; font-size:9px; top:0px; left:10px; top:-3px;}
#form1 .success,
#form1 .success strong{ color:#fff; background:none; box-shadow:none;}
#form1 .success{ padding-bottom:5px;-pie-background:none;}
.form-btn{ display:inline-block; color:#fff; text-transform: uppercase; font:14px/19px 'Coda', cursive; padding:9px 15px 8px; letter-spacing:1px;
background: #585858; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #585858 0%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #585858 0%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #585858 0%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(top, #585858 0%,#3f3f3f 100%); /* W3C */
-pie-background: linear-gradient(top, #585858 0%,#3f3f3f 100%);}
.form-btn:hover{ text-decoration:none; background:#fff; color:#000;
-pie-background: linear-gradient(top, #fff 0%,#fff 100%);}
#contact-form{
	
}
	#contact-form fieldset{ position:relative; overflow:hidden;}
	#contact-form label{ height:60px; position:relative; display:block;}
	#contact-form label.message{ height:230px;}
	#contact-form input, #contact-form  textarea{
	font-family:"PT Sans", Arial, Helvetica, sans-serif;
	color:#484c51;
	font-size:14px;
	vertical-align:middle;
	font-weight:normal;
	background:#fff;
	border:1px solid #b1b1b1;
	outline:none;
	overflow:hidden;
	width:200px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	#contact-form  textarea{ resize:none; overflow:auto; height:200px;width:427px;}
#contact-form .bouton{
	width:auto; 
	padding:8px 0; 
	text-align:center; 
	display: inline-block; 
	float:left; 
	margin:0 15px 15px 0; 
	font-size: 1.6em; 
	border-radius:7px; 
	box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1); 
	font-size: 0.85em; 
	width:120px; 
	color:#333; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	}

#contact-form .bouton.small{font-size: 12px; width:100px}
#contact-form .bouton.medium{font-size: 12px; width:140px}
#contact-form .bouton.large{font-size: 12px; width:180px}

/* -- Bouton gris -- */	
#contact-form .bouton.gris {
	background: #C8C8C8;
	background: -webkit-linear-gradient( #C8C8C8, #A0A0A0);
	background: -moz-linear-gradient( #C8C8C8, #A0A0A0);
	background: -ms-linear-gradient( #C8C8C8, #A0A0A0);
	background: -o-linear-gradient( #C8C8C8, #A0A0A0);
	background: linear-gradient( #C8C8C8, #A0A0A0);
	color:#FFF
	}	
#contact-form .bouton.gris:hover {
	background: #D8D8D8;
	background: -webkit-linear-gradient( #D8D8D8, #B0B0B0); 
	background: -moz-linear-gradient( #D8D8D8, #B0B0B0); 
	background: -ms-linear-gradient( #D8D8D8, #B0B0B0); 
	background: -o-linear-gradient( #D8D8D8, #B0B0B0); 
	background: linear-gradient( #D8D8D8, #B0B0B0);
	cursor:pointer;
	}
#contact-form  .bouton.gris:active{box-shadow: 1px 1px 10px #999 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}	
#contact-form .success,
#contact-form .error,
#contact-form .empty{display:none; text-align:left;}
#contact-form .error,
#contact-form .empty{position:relative; color:red; font-size:9px; top:0px; left:10px; top:-7px;}
#contact-form .success,
#contact-form .success strong{ color:#22649c; background:none; box-shadow:none;}
#contact-form .success{ padding-bottom:5px;-pie-background:none;}


/******************** Message Forms ******************/


 .msg {
	padding: 10px;
	text-align:center;
	width: 933px;
	color: #c00;
	background-color: #FEF1ED;
	font:  11px ;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0px 0px 7px 0px #c00;
  -webkit-box-shadow: 0px 0px 7px 0px #c00;
  -o-box-shadow: 0px 0px 7px 0px #c00;
  box-shadow: 0px 0px 7px 0px #c00;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#c00, Direction=NaN, Strength=7);
	
	
}

.msgok {
	padding: 10px;
	text-align:center;
	width: 933px;
	color: #060;
	background-color: #F1FFD7;
	font:  11px ;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0px 0px 7px 0px #060;
  -webkit-box-shadow: 0px 0px 7px 0px #060;
  -o-box-shadow: 0px 0px 7px 0px #060;
  box-shadow: 0px 0px 7px 0px #060;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#060, Direction=NaN, Strength=7);
}
.msgok a {
	color: #060;
	text-decoration:underline
}
.msgok a:hover {
	color: #060;
	text-decoration:none
}
 
.error {
font: normal 11px;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}



/******************** Footer ******************/
footer{ width:100%;  line-height:40px;color:#fff;}
footer a { color:#fff;}
#footer-links {
	float:right;color:#fff;
	display:block;font-size:12px
}
#footer-links a {
	color:#fff;
}

.footer-menu li {
	float:left;
	padding-right:15px;
}
.footer-menu li a {
	color:#fff;
	text-decoration:none;font-size:12px;
}
.footer-menu li a.current, .footer-menu li a:hover { text-decoration:underline;}

/* buttons */
.button{ display:inline-block; font:14px/17px "PT Sans", Arial, Helvetica, sans-serif; color:#fff; background:#12212f; padding:8px 13px 9px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{ background:#22649c; text-decoration:none;}
/* padding */
.padtop{ padding-top:16px;}
.nopad{ padding:0px;}
.padbot{ padding-bottom:34px;}
.padbot5{ padding-bottom:13px;}
.padbot3{ padding-bottom:30px;}
.padbot4{ padding-bottom:32px;}
.padbot2{ padding-bottom:67px;}
.pad1{ padding:51px 0 0 0;}
.pad2{ padding:14px 0 13px 0;}
.pad2 img{ margin:6px 26px 0 0;}
.pad4{ padding:15px 0 13px 0;}
.pad4 img{ margin:6px 25px 0 0;}
.imgindent{ float:left; margin:7px 25px 0 0;}
.pad3{ padding:13px 0 1px 0;}
.indent{ display:block; margin-top:-8px;}
.indent2{ margin-right:-20px;}


#bread {
		display: block;
		border-bottom:1px dotted #228998;
		margin-bottom:10px;
		color:#228998;
		}
#bread a {
		color:#228998;
		text-decoration:underline;
		}
#bread a:hover {
		color:#228998;
		text-decoration:none;
		}	

#titre_page {
		display: block;
		border-bottom:1px dotted #228998;
		padding-bottom:10px;
		margin-bottom:10px;
		color:#228998;
		}


/* ACTUALITES */

#actualites  {
	margin-bottom:20px;
		
		}
#actualites #item  {
	padding-bottom:5px; 
	margin-bottom:5px; 
	margin-top:5px; 
	padding-top:5px;
	border-bottom:dotted #CCC 1px;
		}

#actualites #item .date {
	background-color:#228998;
	color:#FFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
		}
		
#actualites #item .titre a:link {
	color:#228998; font-weight:bold;
	  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
		}
#actualites #item .titre a:hover {
	color:#333;
	text-decoration:none;
	  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
		}
#actualites #item #description {
text-align:justify;
	
		}
#actualites #item #description a {
	color:#666; 
	text-align:justify;
	text-decoration:none;
	  -webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
 	 -o-transition: all 0.5s ease;
 	 -ms-transition: all 0.5s ease;
 	 transition: all 0.5s ease;
		}		
#actualites #item #description a:hover {
	color:#333;
	text-decoration:underline;
	
		}
#actualites #item #description #zone {
	float:left;
	position: relative;
	padding:4px;

	margin-top:5px;
	margin-right:10px;
	-moz-box-shadow: 1px 1px 5px 0px #656565;
-webkit-box-shadow: 1px 1px 5px 0px #656565;
-o-box-shadow: 1px 1px 5px 0px #656565;
box-shadow: 1px 1px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);

		}
#actualites #item #description #zone img {
	float:left;
	margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 90px;
    max-width: 150px;

		}		
				
	#actualite_details  #bread {
		display: block;
		border-bottom:1px dotted #228998;
		margin-bottom:10px;
		color:#228998;
		}
	#actualite_details  #bread a {
		color:#228998;
		text-decoration:underline;
		}
	#actualite_details  #bread a:hover {
		color:#228998;
		text-decoration:none;
		}	
	.date_actualite {
		font-size:10px;
		color:#999;
		}
	#actualite_details  #description {
		display: inline;
		}
	#actualite_details  #description p {
		margin-bottom: 10px;
		}	
	#actualite_details  #description ul {
		list-style: disc;
		padding-left:30px;
		padding-bottom:10px;
		}	
	#actualite_details  #description ol {
		list-style: decimal;
		padding-left:30px;
		padding-bottom:10px;
		}
	#actualite_details  #description blockquote {
		font-style: italic;
		font-family: Georgia, Times, "Times New Roman", serif;
		border-style: solid;
		border-color: #ccc;
		border-left-width: 5px;
		padding-top: 10px;
		padding-right: 8px;
		padding-bottom: 2px;
		padding-left: 20px;
		margin-left:30px;
		margin-bottom:10px;
		display: inline-block;
		}	
	#actualite_details  #description sup {
		vertical-align:top;
		font-size:70%;
		}	
		
	#actualite_details  #description sub {
		vertical-align:bottom;
		font-size:70%;
		}
	#actualite_details  #description hr
	{
		border: 0px;
		border-top: 1px solid #ccc;
	}	
	#actualite_details #description  a:link, a:visited {
    text-transform: none;
	text-decoration:underline;

	}
	#actualite_details #description a:hover {
		text-transform: none;
		color: #a0d5c9;
		text-decoration:none;
	
	}
	
	#actualite_details  #zone_photos_article {
		float:left; width:250px; margin-right:10px; margin-bottom:10px; position:relative
	}
	
	#actualite_details  #zone_photos_article ul {
		list-style:none; margin:0; padding:0 
	}
	
	#actualite_details  #zone_photos_article ul li {
float:left; margin-right:5px; margin-bottom:5px; position:relative; width:75px; height:75px;	}
	
/* END OF Reformatage du css pour le html textbox */


/* REFERENCES */

#references {
}

#references #item_projet {
	
	-moz-box-shadow: 1px 1px 5px 0px #C1C1C1;
-webkit-box-shadow: 1px 1px 5px 0px #C1C1C1;
-o-box-shadow: 1px 1px 5px 0px #C1C1C1;
box-shadow: 1px 1px 5px 0px #C1C1C1;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#C1C1C1, Direction=134, Strength=5); padding:5px; margin-bottom:10px; margin-top:5px
}
#references #item_projet:hover {
	background-color:#F6F6F6
}

#references #item_projet .titre {
	color:#228998
}


#references #item_projet .image_projet {
	max-width:200px; max-height:100px; float:left; padding-right:10px; padding-bottom:10px; margin-top:5px;
}

#other_references{
}

#other_references .company{
	color:#333;
	font-size:10px;
}

#other_references ul {
	list-style:none
}
#other_references ul li {
	border-bottom:dotted 1px #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	background-image: url(../images/li_fleche.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	text-decoration:none;
}

#other_references ul a:hover li{
	color:#999;
	text-decoration:none;
	background-image: url(../images/li_fleche_hover.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-color:#F6F6F6
}

#paragraphe ol{
	list-style:decimal;
	margin-left:20px;
}
#paragraphe p {
	margin-bottom:10px;
}
#paragraphe ul{
	list-style:disc;
	margin-left:20px;
		margin-bottom:20px;

}
#paragraphe ul ul {
	list-style:circle;
	margin-left:20px;
		margin-bottom:0px;

}


#partenaires_projet {
	color:#999; border:1px dotted #999; background:#F1FCF0; padding:10px; margin-bottom:10px;	
}
#partenaires_projet ul {
	padding:0; margin:0
}
#partenaires_projet ul li {
	  margin-bottom:8px; padding-bottom:8px; border-bottom:1px #CCC dotted; list-style:none; margin-left:0px;
}
#partenaires_projet ul li:last-child {
	  margin-bottom:0px; padding-bottom:0px; border:0; list-style:none
}


/* EXTRANET */

#login_header {
	float:right;
	position:absolute;
	right:0px;
	top:5px;
	text-align:right;
	background-color: #6dc4d1;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF;
}
#login_header a {
	
	color:#FFF;
	text-decoration:underline;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#login_header a:hover {
	
	color:#228998;
	text-decoration:none
}



#extranet_login {
	background-color:#F3F3F3;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(../images/cadenas.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
	
}

#extranet_login {
	background-color:#F3F3F3;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(../images/cadenas.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
	
}

.msg_bonjour {
	background-color:#F3F3F3;
	padding:10px;
	margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	
}

.logo_color {  
   -webkit-filter: grayscale(100%);

}