/* 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.png") #63227e;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;}
.posformationlast {padding: 10px 50px 10px 240px;}
.posformationconnexionlast {padding: 10px 50px 10px 350px;}
.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: white;
	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;
}

#connexion {
	margin-top: 40px;
	margin-bottom: 25px;
	background:white; 
	padding: 8px;
}
#connexion input {
	border:1px solid #333333;	
}	
#connexion .erreur {
	color:red;
	margin: 0;
	margin-left: 20px;
}
#connexion a {
	margin-right: 5px;
	margin-left: 10px;
}


#oonox {
	position: relative;
	background:white;
	width: 960px;
	height: 47px;
}
#conseil {
	position: relative;
	background:white;
	width: 960px;
}
#a-propos {
	position: relative;
	background: url(img/fond-autre.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-autre.png) top left;*/
	background: url(img/fond-a-propos.png) top left;
	width: 960px;
}

#formation .form{
	width:250px;
}

#formation .form input{
	border:1px solid #333333;
	height:26px;
	width:90%;
}

#formation .form label{
	font-size: 16px;
}

#formation h2 {
font-size:16px;
font-weight:bold;
padding-bottom:10px;
padding-top:25px;
}

#formation .titre{
	margin-left:240px;	
}	

#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;
	padding-bottom: 20px;
}
#contact label {
	font-size: 16px;
}
#contact input {
	width: 70%;
	border: 1px solid #333;
	height: 26px;
}

#contact input.error {
	border: 1px solid red;
}

#contact textarea {
	width: 90%;
	border: 1px solid #333;
	height: 150px;
}

#contact textarea.error {
	border: 1px solid red;
}

.logo3D {
	position: absolute;
	top: 40px;
	left: -40px;
}
.boussole {
	position: absolute;
	top: 80px;
	left: -40px;
}
.catalogue {
	position: absolute;
	top: 80px;
	left: -20px;
}
.follow {
	position: absolute;
	top: -25px;
	left: 55px;
}
.bulle {
	position: absolute;
	top: -10px;
	left: 850px;	
}
.sablier {
	position: absolute;
	top: 110px;
	left: 40px;	
}
.news {
	position: absolute;
	top:-40px;
	left: 820px;
}

#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*/
}

.flashdata p 
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	padding:5px;	
	color:#black;
	background-color:#f9bc31;
}

#credits
{
	color:white;
}

#credits a
{
	color:#F9BC31;
}

.submit
{
	border: 1px solid #333;
}