/* C2R CSS */

@charset "utf-8";html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent}
ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a:link,a:visited{text-decoration:none}a:hover,a:active,a:focus{text-decoration:underline}button{cursor:pointer}hr,legend,.oculto,.hide{display:none}input[type=hidden]{display:none!important}option{padding:0 5px}.clearfix:after{content:".";display:block;clear:both;height:0;padding:0;margin:0;overflow:hidden;visibility:hidden}


body { padding:0px; margin:0px; background: url(images/interface/bkg.jpg) repeat-x; background-color:#0e638c;text-align:left;}
* { padding:0px; margin:0px;}



/* Page accueil */
#global {
	width:980px;
	left:50%;
	margin-left:-490px;
	position:absolute;
}
#header {
	width:927px;
	background: url(images/interface/header.jpg) no-repeat;
	height:144px;
	display:block;
	padding-left:53px;
}

#menu { 
	width:980px;
	height:52px;
	background:url(images/interface/menubkg.jpg) no-repeat;
	display:block;
}
#menu ul {  text-align:right; float:right; padding-right:20px; }
#menu ul li {
	background:url(images/interface/separateur-menu.jpg) no-repeat;
	height:38px;
	display:block;
	float:left;
	display:inline;
	text-align:left;
	padding-left:13px;
	padding-right:13px;
	padding-top:14px;
}
#menu a { text-decoration:none; }
#menu a p {  line-height:13px; font-family: Century gothic, Arial, Verdana, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; font-weight:bold; text-decoration:none; }
#menu a span { line-height:14px; font-family: "trebuchet ms", Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #052b41; font-weight:normal; text-decoration:none; }

/* Contenu */
#contenubg { background:url(images/interface/bckcentralbas.jpg) repeat-y;}
#contenu {
	width:980px;
	display:block;
	background:url(images/interface/bckcentral.jpg) no-repeat;
}
#contenubghome { background:url(images/interface/bckcentralbashome.jpg) repeat-y; display:block; float:left;}
#contenuhome {
	width:980px;
	display:block;
	float:left;
	background:url(images/interface/bckcentralhome.jpg) no-repeat;
}
#contenug {
	width:255px;
	display:block;
	float:left;
}
#contenud {
	width:725px;
	display:block;
	float:left;
}
#Clearer{width:980px; clear:both;overflow:hidden; background:url(images/interface/bckcentralbas.jpg) bottom no-repeat;}

#kesako { width:695px; height:63px; display:block; background:url(images/interface/kesako.gif) no-repeat; padding-left:195px; padding-top:17px; padding-right:90px; font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #519bc7; font-weight:normal;}
#kesako a{ font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #519bc7; font-weight:normal; text-align:left; text-decoration:none; }
#kesako a:hover{ text-decoration:underline; }


#zonepub {
	width:199px;
	margin-left:38px;
	display:block;
	padding-bottom:20px;
}

#zoneclient {
	width:199px;
	height:200px;
	margin-left:38px;
	display:block;
	background:url(images/interface/zoneclient.jpg) no-repeat;
}

#zoneclient input{
	border:0px;
	background:none;
}
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight:normal; text-align:left; text-decoration:none;
	margin-left:57px;
	margin-top:50px;
}
.mdp {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight:normal; text-align:left; text-decoration:none;
	margin-left:57px;
	margin-top:16px;
}
.valid {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight:bold; text-align:left; text-decoration:none;
	margin-left:55px;
	margin-top:17px;
	cursor:pointer;
}





#footer { background:url(images/interface/footer.gif) repeat-x;
		width:950px;
		padding-left:30px;
		height:50px;
		display:block;
}
#alternactiv { 
		padding-left:800px;
		width:180px;
		height:40px;
		display:block;
		font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold; text-align:left; text-decoration:none;
}

#alternactiv a {color: #FFFFFF; text-decoration:none;}
#alternactiv a:hover {color: #FFFFFF; text-decoration:underline;}


/* --------------------------------------------------------------------------------------------- TEMPLATE ACCUEIL -------------------------------------------------------------------------------------------------- */



#slider {
	width:700px;
	height:332px;
	display:block;
	float:left;
	padding-left:25px;
	padding-top:35px;
}



.scrollable {
	position:relative;
	overflow:hidden;
	width: 654px;
	height:312px;
	padding-top:17px;
	background:url(images/interface/slider-bg.png) no-repeat left bottom;
}


.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:654px;
}
.scrollable img {
	float:left;
	background-color:#fff;
	width:654px;
	height:272px;
}
.scrollable .active {
	position:relative;
	cursor:default;
}
.scrollable {
	float:left;	
}

/* curseur gauche droite */
a.browse {
	float:left;
	cursor:pointer;
}

a.right { 
	background:url(images/interface/slider-right.png) no-repeat left bottom;
	display:block;
	width:23px;
	height:322px;
	clear:right; margin-right: 0px;
	padding-top:7px;
}
a.left	{ 
	background:url(images/interface/slider-left.png) no-repeat left bottom;
	display:block;
	width:22px;
	height:322px;
	clear:right; margin-right: 0px;
	margin-left: 0px; 
	padding-top:7px;
} 

/* position and dimensions of the navigator */
.navilink {
	background:url(images/interface/slider-panel.jpg) no-repeat;
	position:absolute;
	width:192px;
	height:89px;
	z-index:30000;
	margin-left:50px;
	padding: 225px 0px 0px 28px;
}
.navidecouvrir{
	width:170px;
	height:35px;
	display:block;
	z-index:30001;
	cursor:pointer;
	padding-bottom:10px;
}
.navi {
	padding-left:60px;
	padding-top:10px;
}
/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/interface/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}




/* ------------------------------------------------------------------------- FORMULAIRE ACCUEIL -------------------------------------------------------------------------  */

#formhome { width:214px; height:316px; display:block; float:left; margin-top:35px;
background:url(images/interface/bg-formacc.png) no-repeat;

}

#contactform { width:200px; margin:0px 0px 0px 15px; display:block;
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #535353; font-weight:normal; text-decoration:none;
}
.contact-form1 {  display:block; float:left; }
.contact-form2 {  display:block; float:left;}
.contact-form option{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #535353; font-weight:normal; text-decoration:none;}


#contactform fieldset{
	border:0;
}

#contactform legend{ 
	font-size:24px;
	letter-spacing:-1px;
	padding:0;
	margin:0 0 10px -5px;
}

#contactform .form-slider{
	padding:0 0 10px;
}

#contactform label{
	color:#777; margin-left:10010px; 
}
#contactform label span{
	color:#b30808;
}

#contactform input[type="text"],
#contactform input[type="email"],
#contactform input[type="url"]{
	display:block;
	font-size:12px;
	border:none; background:url(images/interface/chpstxt1.png) no-repeat; width:174px; height:24px; padding-left:6px; line-height:24px;
}

#contactform textarea{
	display:block;
	font-size:12px;
	border:none; background:url(images/interface/chpstxt3.png) no-repeat; width:174px; height:29px; padding-left:6px; line-height:29px;
}

#contactform input[type="text"]:focus,
#contactform input[type="email"]:focus,
#contactform input[type="url"]:focus,
#contactform textarea:focus{
	border-color:#666;background:#506101; color:#FFF;
}

#contactform input[type="submit"]{
	-moz-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	line-height:30px;
	text-align:center;
	border:1px solid #999;
	margin:0 0 30px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #777),color-stop(0.99, #999));
	background:-moz-linear-gradient(center bottom,#777 0%,#999 99%);
	text-shadow:0 1px 0 #111;
	color:#fff;
	padding:5px;
	font-size:16px;
	cursor:pointer;
}

#contactform input[type="submit"]:hover{
	color:#ccc;
}

#contactform input[type="submit"]:active{
	color:#333;
	text-shadow:0 1px 0 #fff;
}


#formhome input[type="submit"]{
	background:url(images/interface/submit.png) no-repeat;
	width:565px;
	height:44px;
	cursor:pointer;
	margin-left:15px;
	margin-top:5px;
	font-family: "Trebuchet MS", Arial,sans-serif; font-size: 14px; color: #FFFFFF; font-weight:normal; text-decoration:none; text-align:center;line-height:30px;
	border:0px;
}
#contactform span.req{
	color:#506101; font-size:10px;
}


/* -------------
 * Selects
 * ------------- */
 
 .demande {
	width:180px;
	height:29px;
	margin:47px 0px 40px 14px;
	background:url(images/interface/chpstxt3.png) no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #777; font-weight:normal; text-decoration:none; line-height:29px;
}


.jNiceWrapper select {border:none;margin:0;padding:0;}

.jNiceSelectWrapper {
	height: 17px;
	right:0px;top:0px;z-index:3;position:absolute;
}

.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;right:0px;top:0px;}

.jNiceSelectWrapper .jNiceSelectText {
	height: 29px;
	line-height: 29px;
	overflow:hidden;float:none;position:absolute;z-index:100;
	padding-left:5px;
}

.jNiceSelectWrapper .jNiceSelectOpen {
	width: 21px;
	height: 17px;
	z-index:100;display:block;position:absolute;right:0px;
}

.jNiceSelectWrapper ul {
	top: 16px;
	background-color: #FFF;
	border: solid 1px #CCC;
	height: 60px;
	position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width: 95%;
}

.jNiceSelectWrapper ul a {
	color:#892886;
	background-color: #FFF;
	display:block;padding-left:5px;text-decoration:none;
}

.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
.jNiceSelectWrapper ul a.selected {background: #EDEDED;}

.jNiceFocus { border: dotted 1px #666666; }

.jNiceHidden {opacity:0;z-index:-1;position:relative; display:none;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}


#contentacc{
	width:980px;
	display:block;
	float:left;
	margin-left:30px;
	margin-top:15px;
}

#temoignages {
	background:url(images/interface/temoignages.jpg) no-repeat;
	width:688px;
	height:196px;
	display:block;
	float:left;
	margin-top:10px;
}
.temoin { 
	width:198px;
	display:block;
	float:left;
	padding:45px 5px 0px 20px;
}
.temoin-titre { 
	padding-left:80px;
	height:60px;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #75716a; font-weight:normal; text-decoration:none; 
}
.temoin-texte { 
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #575757; font-weight:normal; text-decoration:none; 
 }
 #rappel {
	 background:url(images/interface/rappel.jpg) no-repeat;
	 width:212px;
	height:201px;
	display:block;
	float:left;
	margin-left:10px;
}
#rappel input[type="text"]{
	margin:134px 0px 0px 18px;
	width:126px;
	height:18px;
	display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #4d4d4d; font-weight:normal; text-decoration:none;
	background:none;
	border:none;
}
#rappel input[type="submit"]{
	background:none;
	width:143px;
	height:33px;
	cursor:pointer;
	border:0px;}