/* Designed by www.claudyio.com*/

body{
	margin:0;
	font-family: 'Century Gothic';
/*	background: #E1E1E1;*/
	}
#container{
	margin: 0 auto;
	width:900px;
	height:auto;}

#header{
	width:100%;
	height:100px;
	margin-top:0;

}
#logo{
	width:200px;
	height:60px;
	margin:20px 0px 10px 0px;
	background:url(../images/logo.png) center center no-repeat #fff;
	position:absolute;
	z-index:5000;
	top:0;
	}
#menublock{
	width:100%;
	height:40px;
	color:#F08000;
/*	background:rgba(240, 128, 0, 0.1) url(../images/bgmenu.png);*/
	margin:auto;
	font-size:14px;
	color: #222;
	text-shadow: 0px 0px 1px #CCC;
	}
#searchblock{
	width:300px;
	height:20px;
	padding-left:30px;
	padding-top:15px;
	color:#F08000;
	margin:auto;
	font-size:14px;
	color: #222;
	float:left;
	}
#boutonlock{
	width:700px;
	height:auto;
	padding:5px 0 0 20px;
	color:#F08000;
	margin:auto;
	}
#boutonlock a{
	color:#F08000;
	text-decoration:none;
	}
#boutonlock div:hover{
	background:#f08000;
	transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-0-transition-duration:0.5s;
	display:block;
	cursor:pointer;
	color:#fff;
	}
#boutonlock div{
	transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-0-transition-duration:0.5s;
	display:block;}
.bouton_haut{
	width:85px;
	height:72px;
	float:left;
	margin:0 0 0 10px;
	color:1px solid rgba(240, 128, 0, 0.2);
	font-size:11px;
	text-align:center;
	line-height:12px;
	display:block;
	}
.bouton_haut img{
	margin:10px 10px 0 10px;}
.searchform {
/*    background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;*/
    border: 1px solid #F9F9F9;
    border-radius: 2em 2em 2em 2em;
    background:rgba(63%, 65%, 66%,0.1);
    display: inline-block;
    padding: 3px 5px;
}
.searchfield {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #F9F9F9;*/
    border-radius: 2em 2em 2em 2em;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;*/
    outline: medium none;
    padding: 6px 6px 6px 8px;
    width: 232px;
}
.searchform input {
    font: 12px/100% Arial,Helvetica,sans-serif;
	
}
.searchbutton {
   /* border-radius: 2em 2em 2em 2em;
    color: #FFFFFF;
    font-size: 11px;cursor:pointer;background:#8B9299;*/
    height: 31px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    width: 33px;
    position:absolute;
    right:-89px;
    top: 18px;	
	border:none;
}
.menublock a{
	color:#6d6969;
	text-decoration:none;
	}
.menublock a:hover{
	color:#F08000;
	text-decoration:none;
	}
#blockslide{
	width:100%;
	height:394px;
	background:#333;
	border-bottom:1px solid #778888;
	}
#container-main-bottom{
	width:998px;
	margin:auto;
	padding:0;
	min-height:320px;
	background:#fff;
	border-right:solid 1px #778888;
	border-left:solid 1px #778888;
	/*box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);*/
	}
#partners{
	width:998px;
	height:33px;
	background:#FFF url(../images/partners2.png) repeat-x left bottom;
	position:relative;
	z-index:300;
	border-top: dashed 1px #778888;
	border-right: solid 1px #778888;
	border-left: solid 1px#778888;
}
#partners-bottom{
	width:100%;
	height:7px;
	background: url(../rs-plugin/assets/shadow-partners.png);
	position:relative;
	bottom:-27px;
}
#partners-top{
	width:100%;
	height:7px;
	background: url(../rs-plugin/assets/shadow-partners-top.png);
	position:relative;
	top:-8px;
}
#container-bottom{
	width:974px;
	margin:auto;
	padding:30px 12px 5px 12px;
	min-height:40px;
	background:#fff;
	border-bottom:solid 1px #778888;
	border-right:solid 1px #778888;
	border-left:solid 1px #778888;
	font-size:12px;
	color:#999;
	vertical-align:middle;
	}
#main-left{
	width:600px;
	min-height:200px;
	float:left;
	margin-top: 25px;
}
#main-right{
	width:265px;
	float:left;
	padding:6px 5px 5px 5px;
	margin:25px 0 0 10px;
	height:386px;
	font-size:11px;
	}
	
#cadres-produits{
	width:100%;
	position:relative;
	right:-6px;
	height:auto;
}
#cadre1{
	width:150px;
	height:105px;
	margin:8px;
	background:url(../images/1.png) no-repeat;
	border:solid 1px #F08000;
	float:left;
	}
#cadre2{
	width:150px;
	height:105px;
	margin:8px;
	background:url(../images/2.png) no-repeat;
	border:solid 1px #F08000;
	float:left;
	width: 150px;
	}
	#cadre3{
	width:150px;
	height:105px;
	margin:8px;
	background:url(../images/3.png) no-repeat;
	border:solid 1px #F08000;
	float:left;
	}
	#cadre4{
	width:150px;
	height:105px;
	margin:8px;
	background:url(../images/4.png) no-repeat;
	border:solid 1px #F08000;
	float:left;
	}
#presentation{
	width:125px;
	height:25px;
	background:#fff;
	position:relative;
	left:-710px;
	font-size:17px;
	padding:2px 10px;
	top: -15px;
	color: #778888;
	}
#autres-cadres{
	width:100%;
	min-height:135px;
	position:relative;
	margin-top: 10px;
	}
#autres-cadres-in{
	width:324px;
	margin:5px 0 0 11px;
	padding:5px;
	border:dashed 1px #778888;
	background:#FBFBFB;
	float:left;
	height:120px;
	}
.plus a{width:8px; height:18px; background:#778888; float:right; padding:0 5px;color:#FFF; font-size:14px; font-weight:bold; position:relative; top:-20px; color:#FFF; text-decoration:none;
	}
.plus a:hover{
	text-decoration:none;
	background:#6d6969;
	}
.stay-connected-title {
    color: #666666;
    float: left;
    font-size: 12px;
    margin-left:0;
    margin-right: 13px;
    margin-bottom: 1px;
	}
/*menu*/
ul, li {
	font-size:14px; 
	line-height:21px;
	text-align:left;
}

#menu {
	list-style:none;
	width:900px;
	height:45px;
	padding:0;

	/* Rounded Corners */
	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
*/
	/* Background color and gradients */
	
	
	
	/* Borders */
	

/*	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;*/
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding:9px 6px 9px 7px;
	border:none;
	top:1px;
	font-size:12px;
	height:21px;
	border-right:dotted thin rgba(255,255,255,0.3);
	text-shadow: -1px -1px  rgba(34,31,31,0.2), 1px 1px rgba(255,255,255,0.3);
}
#menu li:first-child {
	border-left:dotted thin rgba(255,255,255,0.3);
	line-height:12px;
	height:21px;
	}
#menu li:last-child {
	padding:9px 7px 9px 8px;
	}
#menu li:last-child:hover {
	padding:9px 7px 9px 8px;
	}


#menu li:hover {
	padding:9px 6px 9px 7px;
	border-right: dotted thin rgba(255,255,255,0.3);
	
	/* Background color and gradients */
	
	background: #fff url(../images/bgmenu.png);
	
	/* Rounded corners */
	
/*	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
	cursor:default;
	}

#menu li a, #menu ul li:a.active{
	font-family: 'Century Gothic';
	font-weight:300;
	font-size:13px; 
	color: #FFF;
	display:block;
	outline:0;
	text-decoration:none;
}

#menu li:hover a {
	color:#f08000;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
/*	padding:0 5px;*/
	background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

#menu li .dropdown_1column, 
#menu li .dropdown_2columns, 
#menu li .dropdown_3columns, 
#menu li .dropdown_4columns,
#menu li .dropdown_5columns,
#menu li .dropdown_5columns2,
#menu li .dropdown_5columns3,
#menu li .dropdown_5columns4,
#menu li .dropdown_5columns5,
#menu li .dropdown_5columns6,
#menu li .dropdown_5columns7,
#menu li .dropdown_5columns8,
#menu li .dropdown_5columns9,
#menu li .dropdown_5columns10 {
	margin:0px auto;
	position:absolute;
	/*bottom:-999em;Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border-top:none;
	z-index:0;
	width:890px;
	transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	transition-property:all;
	-webkit-transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	
	/* Gradient background */
background: #fff;

	/* Rounded Corners */
/*	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;*/
}
#menu li .dropdown_5columns { 	float:left;left:-999em  }
#menu li .dropdown_5columns2 {	float:left;left:-999em }
#menu li .dropdown_5columns3 {	float:left;left:-999em;  }
#menu li .dropdown_5columns4 {	float:left;left:-999em; }
#menu li .dropdown_5columns5 {	float:left;left:-999em; }
#menu li .dropdown_5columns6 {	float:left;left:-999em;   }
#menu li .dropdown_5columns7 {	float:left;left:-999em;  }
#menu li .dropdown_5columns8 {	float:left;left:-999em;   }
#menu li .dropdown_5columns9 {	float:left;left:-999em;  }
#menu li .dropdown_5columns10 {	float:left;left:-999em;  }

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns,
.dropdown_5columns2,
.dropdown_5columns3,
.dropdown_5columns4,
.dropdown_5columns5,
.dropdown_5columns6,
.dropdown_5columns7,
.dropdown_5columns8,
.dropdown_5columns9,
.dropdown_5columns10 {width: 812px; box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);-ms-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_5columns2,
#menu li:hover .dropdown_5columns3,
#menu li:hover .dropdown_5columns4,
#menu li:hover .dropdown_5columns5,
#menu li:hover .dropdown_5columns6,
#menu li:hover .dropdown_5columns7,
#menu li:hover .dropdown_5columns8,
#menu li:hover .dropdown_5columns9,
#menu li:hover .dropdown_5columns10, {
	transition-property:all;
	-webkit-transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	
}
#menu li:hover .dropdown_5columns {left:-1px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns2 {left:-90px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns3 {left:-182px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns4 {left:-257px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns5 {left:-379px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns6 {left:-520px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns7 {left:-591px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns8 {left:-673px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns9 {left:-742px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
#menu li:hover .dropdown_5columns10 {left:-831px;top:39px;border-top:solid 4px #F08000;
	border-bottom:solid thin #F08000;width:890px;}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
/*	display:inline;*/
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	display: block;
	
}
.col_1{height:15px;}
.col_1 span a { font-size:12px; text-decoration: none; font-weight:bold; color:#f08000; display:block;transition:all; transition-duration:0.3s;
-webkit-transition:all; -webkit-transition-duration:0.3s;-moz-transition:all; -moz-transition-duration:0.3s}
.col_1 span a:hover {color:#f08000; font-weight:bold; color:#fff; text-indent:2px;transition:all; transition-duration:0.3s;
-webkit-transition:all; -webkit-transition-duration:0.3s;-moz-transition:all; -moz-transition-duration:0.3s}
.col_1 {width:212px; height:auto; overflow:hidden; margin-bottom:20px;
	border-bottom: dotted thin #f08000}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

.col_1 span{width:212px; height:106px; text-shadow:rgba(0, 0, 0,0.7); box-shadow:1px 1px 1px rgba(0,0,0,0.7);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.7);}
.col_1 span:hover em{opacity:1; visibility:visible; color:white; text-transform:uppercase; text-overflow:ellipsis; width:212px; background:rgba(94%, 50%, 0%,0.8); text-align:center; bottom:0;}
.col_1 span:hover img{opacity:0.5; transition:ease-out;-webkit-transition: all;-moz-transition:all;-ms-transition:all;-o-transition:all; transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
cursor:pointer;
}
.col_1 span em{color:white; text-transform:uppercase; text-overflow:ellipsis; width:105px; background:rgba(94%, 50%, 0%,0.7); text-align:center;visibility:visible; position:absolute; z-index:11; font-style:normal; font-size:0.7em; font-family:'arial'; text-transform:uppercase; text-height:text-size;bottom:-22px; transition:bottom 0.3s;-moz-transition:bottom 0.3s;-webkit-transition:bottom 0.3s;}


#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 {
	/*text-indent:10px;*/
	line-height:21px;
	font-size:12px;
	text-align:left;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px dotted #969BA4;
	color:#969BA4;
	text-shadow:none !important;
	margin:15px 5px;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.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:#F08000;
	color: #eeeeee;
	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:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#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;
}