@font-face {
    font-family: 'OCRFBold';
    src: url('font/ocrf-bol-webfont.eot');
    src: url('font/ocrf-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ocrf-bol-webfont.woff') format('woff'),
         url('font/ocrf-bol-webfont.ttf') format('truetype'),
         url('font/ocrf-bol-webfont.svg#OCRFBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#alignsocial{float:left; width:60px; margin-bottom:10px;}

#twtr-widget-1{margin-left:70px; margin-bottom:10px;}

.twtr-hd{display:none;}

.twtr-tweets{ background-color:white;}


.spip_out{background:url("images/external.gif") no-repeat right; padding-right:15px}

*{border:0; margin:0; padding:0;}
body {
	font-size:11px; 
	font-family:Verdana, Helvetica, sans-serif;
	line-height:17px;
	text-align:left;
        background-color:#ddd;
/*#b10057;*/
	/*background:url("img/tile.jpg") repeat-x ;
	*/
}
.article-blog iframe {margin-top:20px;}

.footer{background-color:#E3006F; color:white; padding:3px 5px; clear:both;}

.footer a{ color:white;}

.footer p{display:inline}



a{color:#E3006F;}


#suivant-precedent{border-top:1px solid #CCC; padding-top:5px; width:440px; margin:20px 0; font-weight:bold; clear:both;}

#suivant-precedent a{text-decoration:none;}
#suivant-precedent a:hover{text-decoration:underline;}

#suivant{float:right}

/*---------------Home---------*/
#blog{width:465px; float:left; border-right:5px solid #ddd; margin-top:30px; margin-bottom:30px;}
#blog h1, #last-real h1{
        text-shadow: 1px 1px 0px #fff;
	color:#aaa; 
	margin:0 0 30px 0; 
	font-weight:normal; 
	font-size:30px; 
	font-family: OCRFBold;}

#blog h2{
	width:425px;
	color:#fff;
        padding:5px 8px;
        font-weight:normal;
        font-size:1.3em;
	background: #e2006e;
text-shadow: -1px -1px 0px #760053;

}
	
#blog p {width:410px}
#blog p.redac{font-size:0.8em;margin-bottom:7px}

#blog p + h2 {margin-top:20px}
.redac{font-size:0.9em;}








#last-real{margin-left:510px; width:550px; margin-top:30px; margin-bottom:30px;}



.real{width:207px; float:left; margin: 0 50px 30px 0; height:155px;
 box-shadow: 2px 2px 5px #ccc;
           -moz-box-shadow: 2px 2px 5px #ccc;
           -webkit-box-shadow:2px 2px 5px #ccc;  
}

.real a{ text-indent:-5000px; width:207px; height:165px; display:block;}



.legendelastreal{background-color: rgba(0, 0, 0, 0.5);}

.legendelastreal a{text-decoration:none; text-indent:0; 
margin:-50px 0 0 0 ; padding:7px 2px 0 2px; display:block; height:38px; width:200px; color:white; font-size:0.9em;}





















.footer{clear:both}

.article-blog img {margin: 20px 0; box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow:2px 2px 5px #ccc;}









#home #blog img{float:right; margin:25px 25px 5px 5px}

#home #blog p img.puce, #blog p img.puce{
margin: 0px 0; box-shadow: 0px 0px 0px #ccc;
 -moz-box-shadow: 0px 0px 0px #ccc;
    -webkit-box-shadow:0px 0px 0px #ccc; float:none;}




/*------------------*/





#parallax
    {position:relative; overflow:hidden; width:1006px; height:146px;clear:right; }	
	
#fondparrallax{position:absolute; width:1006px; height:146px;}

#para1 {width:1119px; height:1000px;}
#para1img{position:absolute;left:200px;top:00px;}

#para2 {width:732px; height:258px;}
#para2img{position:absolute; top:0px; left:300px;}

#para3{width:800px; height:443px;}
#para3img{position:absolute; top:0px; left:-100px;}

#para4{width:803px; height:319px;} 	
#para4img{position:absolute; top:0px; left:00px;}

#para5{width:1277px; height:468px;}  
#para5img{position:absolute; top:0px; left:00px;}

#para6{width:972px; height:410px;} 	
#para6img{position:absolute; top:0px; left:300px;}


#parafixe{width:970px; height:158px;}
#parafixeimg{position:absolute;top:10px; left:auto;}
 



#container{width:1006px; margin:0 auto;  background-color:#eee; padding:10px;
        -moz-box-shadow:0px 0px 40px #000;
	-webkit-box-shadow:0px 0px 40px #000;
	box-shadow:0px 0px 40px #000;


}
#header{color:#ccc; font-size:0.8em; height:156px; }
#header img {float:left; margin-right:10px; }


/*------Gros menu ------------------------------------------------------------------*/
#menu {list-style:none;
	width:966px;
	margin:10px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;
	background: #e2006e;}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:7px;
	border:none;}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	background:#bbb;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #FFF;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("images/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("images/drop.png") no-repeat right 7px;
}


.dropedito,
.dropblog,
.dropref,
.dropcontact, 
.dropsuivez{
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #BBB, #EEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#eee));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropedito {width: 420px;}
.dropblog {width: 640px;}
.dropref {width: 400px;}
.dropcontact {width: 435px;}
.dropsuivez {width: 340px; padding-top:12px;}

#bg_3cols{background:url("images/bg-3col-sep.png") center repeat-y; float:left;}


#menu li:hover .dropsuivez, 
#menu li:hover .dropedito, 
#menu li:hover .dropcontact,
#menu li:hover .dropref,
#menu li:hover .dropblog {
	left:-1px;
	top:auto;
}

.colblog,
.coledito,
.colcontact,
.colsuivez,
.colref {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

.coledito {width:400px;}
.colblog {width:200px;}
.colref {width:400px;}
.colcontact {width:410px;}
.colsuivez {width:330px; border-bottom:1px solid #999; margin-bottom:10px;}

.colcontact iframe{margin-top:20px;}

.logo-suivez{float:left;}

.colsuivez p{
padding:0 0 10px 70px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	margin:7px 0 14px 0;
	padding-bottom:14px;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 3px 0; color:#b50059;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#000;
}
#menu li:hover div a:hover {
	text-decoration:underline;
}





.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:16px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:180px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

/*------Fin Gros menu -------------------------------------------------------------------*/


/*---------------Sliders---------*/
img{border:none;}

			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#slide{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:956px;
		}	
					
			

/* Easy Slider */

	#slider{width:956px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:956px;
		height:279px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:25px;
		height:279px;
		position:absolute;
		left:-25px;
		top:0px;
		}	
	#nextBtn{ 
		left:956px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:25px;
		height:279px;
		}
		
		
	#nextBtn a:hover{  
		background:url(images/btn-h_next.gif) no-repeat 0 0;	
		}		
		
	#nextBtn a, #nextBtn a:active{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
	
	
	#prevBtn a:hover{ 
		background:url(images/btn-h_prev.gif) no-repeat 0 0;	
		}
		
	#prevBtn a, #prevBtn a:active{
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}
	

/*------------------------------------------*/

/* @media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) {


#parallax
    {position:relative; overflow:hidden; width:100%; height:146px;clear:right;  }	
	

#fondparrallax{position:absolute; width:100%; height:146px;}

#slide{display:none;}

#container{width:100%; }

#menu {
	width:600px; margin-top:0; display:none;
}

#nosmall{display:none;}

#blog h2{
	width:100%;
	color:white;
        padding:5px 8px;
        font-weight:bold;
line-height:1.2em;
        font-size:19px;
	background: #e2006e;
}
#blog{width:100%; float:none; font-size:1.3em ; border-width:0; line-height:1.5em;}

#last-real{margin-left:0px; width:100%;}



#last-real{border-top:4px solid #aaa; padding-top:25px;}


*/