* {
	margin : 0;
	padding : 0;
	text-decoration : none;
	list-style : none;
}
img, a {
	border-style : none;
}

html {
	font-size : 90%;
}

body {
	font-size : 0.8em;
	font-family : Verdana, "Euphemia UCAS", Helvetica, Arial, Geneva, sans-serif;
	color : #1d1d1d;
	/*background : url('interface/body.png') repeat-x 0 0;*/
	position : relative;
}

h4 {
	text-align : left;
	font-size:medium;
	font-family: Century Gothic, Tahoma, Verdana, Arial; 

}


.h5
{
    font-weight:bold;
    font-family: Tahoma, Trebuchet MS;
    color:Gray;
    font-size:small;
    
    }

.h5, a{
    font-weight:bold;
    font-family: Tahoma, Trebuchet MS;
    color:Gray;
    font-size:small;
}
.h5, a:hover{
    font-weight:bold;
    font-family: Tahoma, Trebuchet MS;
    font-size:small;
    color:Black;
}

h8{
   font-weight:bold;
    font-family: Tahoma, Trebuchet MS;
    color:Gray;
    font-size:small;
    text-align:center;
    
}

h8, a{
    color:#000;
    
}

h8, a:hover{
    color:Gray;
}




hr {
	display : block;
	clear : both;
	visibility : hidden;
}
.spacer {
	height : 300px;
}
.space {
	height : 0px;
}
.big-space {
	color : #e6edff;
	height : 200px;
}
div#espace {
	clear : both;
	height : 400px;
	background : url('interface/espace.png') repeat-x 0 0;
	margin-bottom : -20px;
}
div#espace2jj {
	clear : both;
	height : 100px;
	background : url('interface/espace.png') repeat-x 0 0;
	margin-bottom : -20px;
}
div#logo {
	left : 8.6%;
	position : absolute;
	width : 250px;
	height : 100px;
}
div#animex {
	clear : left;
	left : 30%;
	position : absolute;
	width : 500px;
	height : 100px;
}
div#anim {
	background : url('images/baseline.png') no-repeat;
	clear : left;
	left : 30%;
	position : absolute;
	width : 500px;
	height : 100px;
}
div#branding {
	height : 150px;
	overflow : hidden;
	color : #fff;
	position : absolute;
	top : 20px;
	left: 0px;
	width : 100%;
	z-index : 0;
	background : #125585 url('interface/branding.png') repeat-x;
}
div#branding p {
	color : #fff;
	display : none;
}
div#branding H1 {
	color : #212121;
	position : relative;
	left : 10%;
	width : 200px;
	height : 50px;
	margin-top : 25px;
	text-indent : -5000px;
	background : url('interface/branding_h1.png') no-repeat;
	display : none;
}
#menu {
	position : absolute;
	top : 120px;
	width : 92%;
	left : 5%;
}

#menu span {
	width : 100%;
	height : 50px;
	display : block;
	background : url('interface/menu_barre.png') no-repeat right center;
}
#menu span:hover {
	background-image : url('none');
}
ul#menu li {
	width : 12.5%;
	height : 50px;
	font-variant : normal;
	line-height : 50px;
	font-size : 12px;
	float : left;
	display : block;
}
ul#menu li a {
	display : block;
	text-align : center;
	color : #fff;
	float : left;
	font-weight:bolder;
	font-size: 15px;
	line-height : 50px;
	width : 100%;
	background : #ea7e2e url('interface/nav_features.png') repeat-x;
	text-transform : lowercase;
	font-family: Century Gothic, Georgia, Verdana, Arial;
}
ul#menu li a:hover {
	background : #8b4b1b url('interface/nav_features-over.png') repeat-x;
	color : #125585;
}
div#ombre-content {
	top : 170px;
	left: 0px;
	position : absolute;
	width : 100%;
	height : 20px;
	z-index : 10;
	border-top : 1px solid #ea7e2e;
	background : #fff url('interface/ombre-content.png') repeat-x;
}
.techno-marge {
	margin-left : 121px;
}
.raisons-marge {
	padding-left : 121px;
	background-position : 30px center;
	background-repeat : no-repeat;
}
div#content {
	width : 85%;
	max-width : 90em;
	padding-top : 220px;
	display : block;
	z-index : 2;
	margin-right : auto;
	margin-left : auto;
}
div#content li {
	list-style-position : outside;
	margin-left : 2em;
	list-style-image : url('interface/li_a.png');
	margin-bottom : 1em;
}
div#content ul {
	margin-bottom : 2em;
}
div#content .centre {
	margin-right : auto;
	margin-left : auto;
	display : block;
}
div#content_main {
	width : 52%;
	float : left;
	min-height : 100%;
	padding-right : 9%;
}
div#content_main-ref {
	width : 60%;
	float : left;
	margin-right : 5%;
}
div#content_sub-ref {
	width : 30%;
	min-height : 100%;
	margin-left : 5%;
	clear : right;
	float : left;
	text-align : center;
}
div#content_main2 {
	width : 45%;
	float : left;
	padding-right : 0%;
	background : url('interface/limit.png') no-repeat center right;
}
div#content_sub2 {
	margin-top : 4%;
	width : 50%;
	min-height : 100%;
	float : left;
}
div#content_sub3 {
	margin-top : 4%;
	width : 90%;
	min-height : 100%;
	float : left;
}
div#content em {
	font-style : italic;
}
div#content strong {
	font-weight : bold;
}
div#content p {
	text-align : left;
	font : 1.1em/1.2em Helvetica, Geneva, Arial, sans-serif;
	margin-bottom : 2em;
}
div#content H2 {
	font-family : "Century Gothic", Garamond, Geneva, Arial, sans-serif;
	margin-bottom : 1em;
	font-size : 2.3em;
	color : #ff7800;
	font-weight : bold;
}
div#content H3 {
	font-family : "Trebuchet MS", "Century Gothic", Arial, sans-serif;
	margin-bottom : 1em;
	font-size : 1.5em;
	color : #1B648F;
	font-weight : bold;
}
div#content .orange h3 {
	color : #000;
}
div#content_sub {
	width : 38%;
	min-height : 100%;
	float : left;
}
div#content_sub q {
	font-style : italic;
	background : #fff url('interface/quote_start.png') no-repeat 0 0;
	display : block;
	color : #505050;
	padding-top : 1em;
	padding-left : 1em;
	font-size : 1.4em;
	line-height : 1.6em;
	font-variant : normal;
}
div#content_sub cite {
	text-align : right;
	width : 100%;
	display : block;
	margin-top : 1em;
}
div#content blockquote {
	font-style : italic;
	background : #fff url('interface/quote_start.png') no-repeat 0 0;
	display : block;
	color : #505050;
	padding-top : 1em;
	padding-left : 1em;
	font-size : 1.2em;
}
.content_1 {
	width : 30%;
	margin-right : 2%;
	float : left;
}
.content_2 {
	width : 30%;
	margin-right : 2%;
	float : left;
}
.content_3 {
	float : left;
	width : 30%;
}
.mini {
	float : left;
	width : 15%;
	margin-right : 5%;
}
.exergue {
	color : #0a79c8;
	font-weight : bold;
}
.visible {
	visibility : visible;
	background-color : #7aa0ff;
	width : 100%;
	height : 1px;
	border-style : none;
	display : block;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 2em;
}
div#content .resume {
	width : 80%;
	display : block;
	float : right;
}
div#content_1 p, div#content_2 p, div#content_3 p {
	margin-bottom : 2em;
}
div#content a {
	color : #fe6817;
}
div#content a:hover {
	color : #ffa04c;
}
div#content .resume a {
	color : #0a79c8;
}
div#content .resume a:hover {
	color : #fe6817;
}
div#content .note {
	font-style : italic;
	font-size : 0.9em;
}
div#content .note2 {
	font-style : italic;
	font-size : 0.5em;
}
div#content .g {
	float : left;
	margin-right : 5%;
	margin-bottom : 30px;
}
div#content .c {
	margin-right : auto;
	margin-left : auto;
	margin-bottom : 2em;
	display : block;
	text-align : center;
}
div#content .r {
	float : right;
	margin-left : 40px;
	margin-bottom : 40px;
}
div#nav_shortcut {
	width : 153px;
	position : absolute;
	z-index : 5;
	right : 7%;
	top : 41px;
	text-align : center;
	color : #fff;
	font-size : 1.1em;
}
div#nav_shortcut li {
	margin-top : 3px;
}
div#nav_shortcut a {
	color : #fff;
	padding-left : 30px;
	outline-style : none;
}
div#nav_shortcut #espace_client a {
	height : 26px;
	line-height : 26px;
	text-transform : lowercase;
	background-image : url('interface/espace_client.png');
	display : block;
	padding-right : 10px;
}
div#nav_shortcut #espace_client a:hover {
	height : 26px;
	line-height : 26px;
	text-transform : lowercase;
	background-image : url('interface/espace_client_hover.png');
	display : block;
	padding-right : 10px;
}
div#nav_shortcut #contact_tel {
	height : 26px;
	line-height : 26px;
	text-transform : lowercase;
	background-image : url('interface/contact_tel.png');
	display : block;
	padding-left : 20px;
}
div#nav_lang h4 {
	text-transform : uppercase;
	font-weight : bold;
	display : block;
	left : 10%;
	position : absolute;
	width : 300px;
	height : 20px;
	line-height : 20px;
	top : 0;
}
div#nav_lang a {
	color : #fa8a3f;
	font-size : 1.1em;
}
div#nav_supp {
	position : absolute;
	top : 0px;
	left: 0px;
	width : 100%;
	z-index : 7;
	background : url('interface/body.png') repeat-x 0 0;
	/*right : 10%;*/
}
div#nav_supp ul {
	display : block;
	float : right;
	margin-right: 10%;
}
div#nav_supp li {
	display : block;
	float : right;
}
div#nav_supp a {
	display : block;
	height : 20px;
	line-height : 20px;
	border-bottom : 0 solid #232323;
	text-indent : -9000px;
}
div#nav_supp a:hover {
	border-bottom : 3px solid #f57300;
}
div#nav_supp #supp_rev {
	background-image : url('interface/FR/nav_supp_rev.png');
	width : 85px;
	height : 20px;
	margin-right : 20px;
}
div#nav_supp #supp_blog {
	background-image : url('interface/FR/nav_supp_blog.png');
	width : 46px;
	height : 20px;
	margin-right : 20px;
}
div#nav_supp #supp_part {
	background-image : url('interface/FR/nav_supp_part.png');
	width : 88px;
	height : 20px;
	margin-right : 20px;
}
div#nav_supp #supp_nn {
	background-image : url('interface/FR/nav_supp_nn.png');
	width : 110px;
	height : 20px;
}
div#site-info-content a {
	font-weight : 800;
	color : #fff;
}
div#site-info-content a:hover {
	color : #ff7200;
}
div#site-info-content {
	background : #0c5683 url('interface/site-info-content.png') repeat-x;
}
div#site-info-content p {
	color : #fff;
	text-align : center;
	padding-top : 1em;
}
div#site-info-content .site-info-col {
	display : block;
	float : left;
	width : 33%;
}
div#site-info-content .site-info-col p {
	padding-left : 10%;
	padding-right : 10%;
	padding-bottom : 1em;
}
div#site-info-content .site-info-col ul {
	padding-left : 10%;
	padding-right : 10%;
	padding-bottom : 1em;
	color : #fff;
}
div#site-info-content .site-info-col h4 {
	padding-left : 10%;
	padding-right : 10%;
	padding-bottom : 1em;
	font-size : 1.4em;
	color : #fff;
	margin-top : 1em;
}
div#site-info hr {
	display : block;
	clear : both;
	width : 300px;
	visibility : hidden;
}
div#site-info form {
	display : block;
	width : 260px;
	margin-right : auto;
	margin-left : auto;
	background : url('interface/globe.png') no-repeat 0 30px;
	position : relative;
	padding-bottom : 15px;
	padding-top : 50px;
	text-align : center;
}
div#content .blocbleu a {
	color : #1b648f;
}
div#content .blocbleu a:hover {
	color : #2689c3;
}
div.bloc {
	background : url('interface/corner_topleft.png') no-repeat top left;
	width : 100%;
	margin-bottom : 45px;
	position : relative;
}
div#content .bloc h4 {
	background : url('interface/corner_topright.png') no-repeat top right;
	padding-left : 5%;
	padding-right : 5%;
	padding-top : 40px;
	padding-bottom : 15px;
}
div#content .bloc p {
	padding-right : 5%;
	padding-left : 5%;
	margin-bottom : 0.5em;
}
.bloc ul {
	margin-left : 5%;
}
.bloc li {
	margin-left : 5%;
	margin-bottom : 0;
}
div.blocbody {
	background : url('interface/corner_rightborder.png') repeat-y top right;
	margin-top : -2em;
	padding-top : 15px;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0;
}
.blocheader {
	width : 55px;
	height : 53px;
	position : absolute;
	left : 50%;
	top : -25px;
	margin-left : -25px;
}
div.blocfooter {
	background : url('interface/corner_bottomleft.png') no-repeat bottom left;
	height: 8px;
	margin-top : -8px;
}
div.blocfooter p {
	background : url('interface/corner_bottomright.png') no-repeat bottom right;
	height: 8px;
}
.colonne_gauche {
	width : 19%;
	float : left;
	margin-right : 0%;
}
.colonne_droite {
	width : 19%;
	float : right;
	margin-left : 0%;
}
.colonne_centre {
	width : 62%;
	float : left;
	margin-right : 0%;
	/*position : absolute;*/
	/*left : 50%;*/
	/*bottom: 32%;/
	/*margin-left : -250px;*/
	z-index : 20;
	color : #555555;
	vertical-align:top;
}	

.colonne_centre_espace_client {
	position : absolute;
	left : 50%;
	margin-left : -250px;
	z-index : 20;
	color : #555555;
	vertical-align:top;
}
#bloc-philo {
	background : url('bloc/philo_mini.png') no-repeat;
}
#bloc-blog {
	background : url('bloc/blog_mini.png') no-repeat;
}
#bloc-a_qui {
	background : url('bloc/a_qui_mini.png') no-repeat;
}
#bloc-monde {
	background : url('bloc/monde_mini.png') no-repeat;
}
#bloc-decouverte {
	background : url('bloc/oeil_mini.png') no-repeat;
}
#bloc-raisons {
	background : url('bloc/12_mini.png') no-repeat;
}
.use_credits {
	display : none;
}
/*.moofilm {
	text-align : center;
	border : 0 none;
	color : white;
	background-color : #1b648f;
	cursor : default;
	font-weight : bold;
}
.film_title {
	color : #ff8949;
	margin-top : 5px;
	font-size : 14px;
	font-weight : bold;
}
.film_info {
	font-size : 0.85em;
	line-height : 1.3em;
	padding : 5px;
	margin : 0 5px;
}
.film_link {
	color : #ea7e2e;
}
.film_link:hover {
	color : #fcf500;
}*/
div#content .exemple img {
	width : 100%;
}
div#content .exemple {
	float : left;
	width : 30%;
	margin-right : 3%;
	margin-bottom : 2em;
	text-align : center;
}
div#content .exemple h4 {
	font-size : 1em;
	font-weight : bold;
	margin-top : 0.5em;
	margin-bottom : 1em;
	text-align : left;
}
div#content .exemple p {
	color : #808080;
	text-align : left;
}
div#up {
	margin : auto;
	clear : both;
	height : 58px;
	background : #fff url('interface/site-info2.png') repeat-x;
}
div#dessous {
	margin-top : 30px;
	height : 350px;
	clear : both;
	display : block;
	margin-right : 0;
	margin-left : 0;
	background-color : #e9e9e9;
}
div#secontent {
	padding-top : 20px;
	margin-top : 10px;
	margin-bottom : -50px;
	height : 350px;
	width : 80%;
	display : block;
	margin-right : auto;
	margin-left : auto;
	background-color : #e9e9e9;
}
.col-gauche {
	height : 250px;
	width : 30%;
	float : left;
	right : 70px;
	background-color : #e9e9e9;
	margin-left : 20px;
	background : url('interface/limit.png') no-repeat center right;
}
.col-gauche:hover {
	height : 250px;
	width : 30%;
	float : left;
	margin-right : 50px;
	background-color : #e9e9e9;
	margin-left : 20px;
	background : url('interface/limit.png') no-repeat center right;
}
.col-droite {
	height : 250px;
	width : 30%;
	left: 10%;	/* D */
	float : right;
	margin-left : 50px;
	background-color : #e9e9e9;
	margin-right : 20px;
	text-align : center;
	background : url('interface/limit.png') no-repeat center left;
}
.col-centre {
	height : 250px;
	left: 10%;	/* D */
	position : absolute;
	width : 30%;
	margin-left : 25%;
	margin-right : 25%;
	z-index : 21;
	background-color : #e9e9e9;
	text-align : center;
}
.col-gauche h4 {
	color : #fe6817;
	font-family : "Century Gothic", Arial, sans-serif;
	font-weight : bold;
	font-size : 14px;
	text-align : center;
}
.col-gauche p {
	color : #1b648f;
	font-family : "Century Gothic", Verdana, Arial, sans-serif;
	font-weight : bold;
	font-size : 16px;
	text-align : center;
}
.col-gauche a {
	color : #1b648f;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
}
.col-gauche a:hover {
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : underline;
}
.col-gauche ul {
	color : #1b648f;
	font-family : Verdana, Arial, sans-serif;
	text-align : left;
	font-size : 11px;
}
.col-droite a {
	color : #1b648f;
	font-family : "Century Gothic", Arial, sans-serif;
	font-weight : bold;
	font-size : 16px;
	text-align : center;
}
.col-droite p {
	color : #fe6817;
	font-family : "Century Gothic", Arial, sans-serif;
	font-weight : bold;
	font-size : 14px;
}
.col-centre p {
	color : #1b648f;
	font-family : "Century Gothic", Verdana, Arial, sans-serif;
	font-weight : bold;
	font-size : 16px;
	text-align : center;
}
.col-centre h4 {
	color : #fe6817;
	font-family : "Century Gothic", Arial, sans-serif;
	font-weight : bold;
	font-size : 14px;
	text-align : center;
}
.col-centre a:hover {
	color : #1b648f;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	text-align : center;
}
.col-centre ul {
	color : #1b648f;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
}
.widget1 {
	width : 100px;
	left : 70px;
	position : relative;
	display : block;
	bottom : 0;
}

*:first-child+html .widget1 {	/* IE */
	left : -50px;
}

* html .widget1 {	/* IE */
	left : -50px;
}

.widget2 {
	width : 100px;
	left : 180px;
	clear : left;
	position : relative;
	display : block;
	bottom : 180px;
}

*:first-child+html .widget2 {	/* IE */
	left : 60px;
}

* html .widget2 {	/* IE */
	left : 60px;
}

.widget {
	/*position : absolute;*/
	width : 350px;
	margin : auto;
	height : 200px;
}

div#process {
	background-color : transparent;
	margin: auto;
	width: 500px;
}