/* CSS Resets & Clearer
Theme Name: Oonox
Theme URI: http://oonox.com
Description: Custom Css
Version: 1.0
Author: Fabien Leprovost
Author URI: http://fabienleprovost.com
*/

/* Resets Start */
html, body, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
ol, ul, li { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
q:before,q:after{content:'';}
a{text-decoration:none;}

/* Clearer Start */
.clearer {clear:both;height:0px;overflow:hidden}
div.clearer {clear:both;height:0px;overflow:hidden}

/* Html Start */
body{font: 12px/20px "Lucida Grande", Lucida, "Helvetica", Arial, sans-serif;background: url(img/fond.jpg) no-repeat top left fixed;color: #333;line-height: 24px;}
p {/*text-align: justify;*/}
caption, th, td { text-align: left; font-weight: normal;}
acronym { cursor: help;}
strong {font-weight: bold;}
em {font-style: italic;font-size: 85%;}
hr {display: none;}

/* Link Styles Start */
a:link, a:visited {color: #63227e;}
a:hover {text-decoration: underline;}
a:active {}

/* Headings Starts */
h1, h2, h3, h4, h5, h6 {}
h2 {font-size: 22px; color: #000;}
h3 {}
h4 {}
h5 {}
h6 {}

/* Round 10px Start */
.round-all {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.round-top {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
.round-bottom {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.round-left {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.round-right {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.round-TL-BR {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}
.round-TR-BL {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}


.right {float: right;}
.left {float: left;}
.hide {display: none;}
.posinit {padding: 50px 50px 10px 50px;}
.posinitinside {padding: 10px 50px 10px 200px;}
.posfirst {padding: 50px 50px 10px 240px;}
.posinside {padding: 10px 50px 10px 240px;}
.poslast {padding: 10px 50px 50px 240px;}
.posaproposfirst {padding: 50px 50px 10px 160px;}
.posaproposinside {padding: 10px 50px 10px 160px;}
.posaproposlast {padding: 10px 50px 50px 160px;}
.poseditionlast {padding: 10px 50px 50px 50px;}
.l50l {padding-left: 50px;}
.l50r {padding-right: 50px;}
.oleft {width: 405px;}
.border1px {border: 1px white solid;}
.jaune {color: #f9bc31;}
.violet {color: #63227e;}
.gris {color: #666;}


/* Border 1px white End */

/* Custom */

#header-wrap, #content-wrap, #footer {
	width: 960px;
	margin: 0 auto;
}
#header-social, #header-langue {
	height: 15px;
	line-height: 15px;
	margin-top: 40px;
	margin-bottom: 25px;
	background:white; 
	padding: 8px;
}
#header-intro, #conseil {
	position: relative;
	background: url(img/header-intro.png) top left repeat-x;
	width: 960px;
}
#edition {
	position: relative;
	background: url(img/fond-a-propos.png) top left;
	width: 860px;
	height: auto;
	padding: 50px;
}
#edition h1 {
	padding-bottom: 20px;
}
#edition h2 {
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 10px;
	font-weight: bold;
}

#oonox {
	position: relative;
	background:white;
	width: 960px;
	height: 47px;
}
#conseil {
	position: relative;
	background: url(img/fond-a-propos.png) top left;
	width: 960px;
}
#a-propos {
	position: relative;
	background: url(img/fond-a-propos.png) top left;
	width: 960px;
}
#contact {
	position: relative;
	background: url(img/fond-a-propos.png) top left;
	width: 960px;
}
#formation {
	position: relative;
	background: url(img/fond-a-propos.png) top left;
	width: 960px;
}


#header-intro h1, #conseil h1, #formation h1, #edition h1, #a-propos h1, #contact h1 {
	font-size: 26px;
	color: #000;
}
#header-intro p, #conseil p, #formation p, #edition p, #a-propos p, #contact p {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	font-family: Georgia, serif;
}
#header-intro ul, #conseil ul, #formation ul, #edition ul, #a-propos ul, #contact ul {
	font-size: 16px;
	font-family: Georgia, serif;
	color: #666;
}
#header-intro li, #conseil li, #formation li, #edition li, #a-propos li, #contact li {
	padding: 0px 0px 0px 50px;
	font-size: 16px;
	list-style: circle;
	list-style-position: inside;
}
#footer-wrap {
	position: fixed;
	top :0px;
	width: 100%;
	height: 47px;
	background: #000;
	z-index: 1000;
	
} 
#footer ul {
	display: block;
	right: 0;
	top: 0;
	height: 47px;
}
#footer ul li{
	display: inline;
	line-height: 47px;
	margin-left: 20px;
	
}
#footer ul li a {
	padding: 60px 0;
	padding: 4px;
	color: #f9bc31;
}
#footer ul li a:hover {
	color:#FFF;
	background: #f9bc31;
	text-decoration: none;
	
}
#navi-section {
	height: 80px;
	position: relative;
	display: block;
	font-family: "Myriad Pro","Trebuchet MS",sans-serif;
	font-size: 15px;
}
#contact h2 {
	font-size: 16px;
	font-weight: bold;
}
#contact form {
	margin-top: 20px;
}
#contact label {
	font-size: 16px;
}
#contact input {
	width: 70%;
	border: 1px solid #333;
	height: 26px;
}
#contact textarea {
	width: 90%;
	border: 1px solid #333;
	height: 150px;
}

.logo3D {
	position: absolute;
	top: 40px;
	left: -40px;
}
.boussole {
	position: absolute;
	top: 80px;
	left: -40px;
}
.follow {
	position: absolute;
	top: -25px;
	left: 55px;
}
.bulle {
	position: absolute;
	top: -10px;
	left: 850px;	
}

#end {
	height: 250px;
}
#simplegallery1, #simplegallery2 {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
}