@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300);
@charset "UTF-8";

body { margin:0; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color: #000; font-size:68.5%; line-height:1.4; letter-spacing:0.05em; background: #FFF; text-align:center; padding:0 }


/* HEADER */
#container_header { min-width:1000px; max-width:1280px; margin:0; position:relative }


/* CONTAINER */
#container{ min-width:1000px; max-width:1280px; margin:0 auto 0 auto; }


/* NAVIGATION */
#menu { text-align:center; z-index:1000; width:100%; font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:1.1em; line-height:1.4; letter-spacing:0.05em; position:absolute ; bottom:0px; right:80px  }

	#menu ul {  display:table; list-style-type:none; margin:0 0 0 50%; padding:0.5em 0; width:50%}

		#menu ul li { display:table-cell; vertical-align:middle; margin:0; padding: 0 ; border-left:1px solid #999  }

		#menu ul li:first-child { border:none }

			#menu ul li a { padding : 0.2em 0.2em; display:block; color: #697072;text-decoration: none; transition-property: background, color; transition-duration: 1s; font-size:1.2em;}

			#menu ul li a:hover,#menu ul li.actif a{ background-color: #daebed;  }

			#menu .home a { background: url(../images/accueil.png) no-repeat center;height:15px; padding:0.5em 2em }
			#menu .home:hover a, #menu .home.actif a { background-image:url(../images/accueil_blanc.png) }


/* NAVIGATION INTERIEURE */
#menu-int { text-align:left; width:100%; font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:1em; line-height:1.4; letter-spacing:0.05em; }

	#menu-int ul { list-style-type:none; display:block;  margin:0; padding:0 }

		#menu-int ul li {vertical-align:middle; margin-top:5px; padding:0 }

		#menu-int ul li:first-child { margin-top:0; }

			#menu-int ul li a { display:block; color: #FFF ;text-decoration: none; transition-property: background, border-color; transition-duration: 1s; font-size:1em ; margin:0; padding:10px 0 15px 25px;  border-left: solid 5px;background-image:url(../images/nav-fleche.png); background-position:-3px center; background-repeat:no-repeat;}

			#menu-int ul li a:hover,#menu-int ul li.actif a{ border-left: solid 5px #000; padding-left:20px   }


		#menu-int ul li a{ background-color:#BF0C1D; border-left:#2DB7CE }
		#menu-int ul li+li a{ background-color:#E9672C; border-left:#008293 }
		#menu-int ul li+li+li a{background-color:#2DB7CE; border-left:#E9672C }
        #menu-int ul li+li+li+li a{ background-color:#008293; border-left:#BF0C1D }


/* NAVIGATION INTERIEURE HOME */
#menu-int-home { text-align:left; width:100%; font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:1em; line-height:1.4; letter-spacing:0.05em; margin-bottom: 20px; }


	#menu-int-home ul { list-style-type:none; display:table; width:100%; margin:0; padding:0; }

		#menu-int-home ul li {display:table-cell; vertical-align:middle;  border-right: solid 4px #FFF}

		#menu-int-home ul li:first-child { }

			#menu-int-home ul li a { display:block; color: #FFF ;text-decoration: none; transition-property: background, border-color; transition-duration: 1s; font-size:1em ; margin:0; padding:5px 0 5px 25px;  border-left: solid 5px;background-image:url(../images/nav-fleche.png); background-position:-3px center; background-repeat:no-repeat;}

			#menu-int-home ul li a:hover,#menu-int ul li.actif a{ border-left: solid 5px #000; padding-left:20px   }


		#menu-int-home ul li a{ background-color:#BF0C1D; border-left:#2DB7CE }
		#menu-int-home ul li+li a{ background-color:#E9672C; border-left:#008293 }
		#menu-int-home ul li+li+li a{background-color:#2DB7CE; border-left:#E9672C }
        #menu-int-home ul li+li+li+li a{ background-color:#008293; border-left:#BF0C1D }


/* ANIM */
#container_anim_home{ margin:0 80px 0 80px}


/* SECTION */
#container-section { background:#FFF; display:table; width:100%; margin-top:20px; font-size:1.3em;  vertical-align:top;}

#container-section > section { display:table-cell; vertical-align:top; text-align:left ; padding-right:80px;  }

#container-section > section:first-child  {width:75%; padding: 0 20px 0 80px; text-align:left ; border-right:solid 1px #999999;}


/* SECTION INTERIEURE*/
#container-section-int { display:table; width:100%; font-size:1.3em;  vertical-align:top; padding-top:50px;}

#container-section-int > section { display:table-cell; vertical-align:top; text-align:left ; padding-right:80px ; }

#container-section-int > section:first-child  {width:230px; padding: 0 20px 0 80px; text-align:left;}




/* FOOTER HOME */
footer {width:100%; margin-top:50px; }
footer > div { margin:0 80px 0 80px; padding:10px 0 35px 0; background-color:#CCCCCC;}




/* TEXTE */
h1 {font-family:font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:1.5em; line-height:1.4; letter-spacing:0.05em; color:#008293; margin:0 0 10px 0; padding:0}
h2 {color:#E9672C; margin:0 0 10px 0; padding:0; font-size:1.1em}






/* FORMULAIRE*/
.formulaire { padding:2em; background:#ECECEC; margin-top:1em; text-align:center; }
	.formulaire fieldset { margin:0 0 1em 0; padding:0; border:0; display:inline-block; width:100%; }
		.formulaire fieldset input, .formulaire fieldset label { display:block; font-family: 'VAGRounded-Thin', sans-serif; font-size:1.1em; margin:0 0 0.5em 0; text-align:left; }
		.formulaire fieldset input {width:98%; padding:1%}
		.formulaire fieldset textarea { min-width:98%; max-width:98%; font-family: 'VAGRounded-Thin'; font-size:1.1em;width:98%; padding:1%; }
		.formulaire input[type=submit] { font-family: 'VAGRounded-Thin', sans-serif;font-size:1.1em; padding:0.5em 1em; cursor:pointer; border:none; background:#4D4F53; color:#FFFFFF; }
		.formulaire input[type=submit]:hover { background:#E9672C; }
		.formulaire h2 { margin-bottom:1em !important; }

/* DATABLOCK */

.datadock-block{
	position: relative;
    padding-left: 192px;
    padding-top: 3px;
    margin-bottom: 13px;
    margin-right: 5px;
    text-align: right;
}

.datadock-block .see-more{
	font-weight: bold;
    font-style: italic;
}

.datadock-home-text{
	font-weight: bold;
}

.datadock-block .datadock-logo{
	position: absolute;
	left: 0;
	top: -11px;
	width: 192px;
}

.datadock-img{
	display: block;
	margin: 38px auto 40px;
}

.datadock-why{
	color: #008293;
	text-align: justify;
}

.text-highlight{
	color: #008293;
}