@charset "UTF-8";

.cleaner {
	width: 1px;
	height: 1px;
	overflow: hidden;
	clear: both;
}

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, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body{
font:100% arial,sans-serif;
font-size:12px;
}

#container{
text-align:justify;
}

h1, h2, h3, h4, h5, h6{
font-weight:bold;
clear:both;
}

/* HEADER */

#header{
height:134px;
margin:0;
padding:0;
background:url(/img/formations_couple_famille.png) no-repeat scroll right top;
}
#bandeau a {
    display:block;
    text-indent:-9999px;
    width:654px;
    height:68px;
    float:right;
}
#logo {
    width:121px;
    height:134px;
    float:left;
}
/* MENU */

#menu {
    width:654px;
    float:right;
}

#menu ul {
    height:26px;
    list-style:none;
    margin-left:38px;
}

#menu ul li {
    display:inline;
}

#menu ul li a {
    float:left;
    display:block;
    height:16px;
    padding:5px 7px;
    font-weight:bold;
    color:#662068;
    text-decoration:none;
}

#menu ul li a:hover{
    color:#FFFFFF;
}
#menu ul li.active a {
    background:#ee7f00;
}
#menu ul li.active a {
    color:#fff;
}

/* FIL D'ARIANE */ 

#fildariane{
float:right;
height:25px;
margin:0px;
padding:7px 0px 0px 0;
text-align:left;
}

#fildariane p{
color:#494949;
}

/* CONTENU */
#content{
float:right;
width:654px;
margin:0px 0px 20px 0px;
}

#content p{
line-height:1.4;
padding:5px 0px 5px 32px;
}

h1{
color:#652068;
font-size:16px;
background:url(/img/soush1.png) no-repeat bottom left;
margin-bottom:9px;
padding:5px 0px 27px 32px;
}

h2{
height:25px;
color:#652068;
font-size:14px;
margin:25px 0 0 0;
padding:0px 0px 5px 40px;
background:url(/img/agauchedeh2.png) no-repeat scroll left top;
}

h3{
height:25px;
color:#ee7f00;
font-size:14px;
padding:15px 0px 5px 32px;
}

h4{
color:#ee7f00;
font-size:14px;
padding:15px 0px 5px 32px;
}

h5{
color:#000;
font-size:14px;
font-weight:bold;
padding:15px 0px 5px 32px;
}

h6{
color:#000;
font-size:12px;
font-weight:bold;
padding:15px 0px 5px 32px;
}

#content img.aligngauche{
float:left;
padding:0px 0px 0px 30px;
margin:0px 10px 0px 0px;
}

#content .aligngauche{
float:left;
}

#content img.aligndroite{
float:right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 10px;
}

/* HOME */
#home .bloc-offre {
    float:right;
    margin-left:20px;
    text-align:left;
	background-color:#FFF7E5;
}

.bloc-offre{
width:240px;
margin-bottom:15px;
padding-bottom:30px;
}

.bloc-offre h3{
color:#662068;
}

.offres {
list-style-type:circle;
padding:10px 0px 30px 32px;
}

.offres li{
float:left;
padding:3px 10px 15px 0px;
}

.offres li a{
color:#662068;
text-decoration:underline;
font-weight:bold;
font-size:1.1em;
}

.offres li a:hover{
color:#ee7f00;
text-decoration:none;
}

/* Formations à thèmes */ 

#content .bloc-haut-de-page{
height:20px;
margin:0px 0px 0px 285px;
background:url(/img/haut-de-page.png) no-repeat scroll left top;
}

#content .bloc-haut-de-page p{
padding:0px 0px 0px 20px;
font-size:10px;
}

#content .bloc-haut-de-page a{
color:#000000;
}

#menu_formations_themes {
list-style:none;
padding:10px 0px 30px 32px;
}

#menu_formations_themes li{
float:left;
padding:3px 20px 0px 0px;
}

#menu_formations_themes li a{
color:#662068;
text-decoration:underline;
font-weight:bold;
font-size:1.1em;
}

#menu_formations_themes li a:hover{
color:#ee7f00;
text-decoration:none;
}

.bloc-formation{
width:622px;
min-height:135px;
background:#fff7e5 url(/img/bloc-formation_bas.png) no-repeat scroll left bottom;
margin:0px 0px 15px 32px;
}

.bloc-formation h3 {
background:#fff7e5 url(/img/bloc-formation_haut.png) no-repeat scroll left top;
font-size:13px;
padding:5px 0px 5px 10px;
height:20px;
}
.bloc-formation h3 a {
    color:#ee7f00;
}
.bloc-formation .description a {
    text-decoration:none;
    display:block;
    color:#000;
}
#content .description{
width:420px;
padding:10px;
}

#content .infos{
float:right;
width:140px;
padding:0px 10px;
}

#content .nb_jours{
color:#662068;
padding:0px;
font-weight:bold;
font-size:13px;
}

#content .reserver{
color:#662068;
padding:0px;
}

#content .pdf{
color:#662068;
height:35px;
padding:15px 0px 0px 0px;
background:url(/img/pdf.png) no-repeat scroll 95px 5px;
}

#content .sanspdf{
color:#662068;
font-size:10px;
padding:5px 0px 10px 0px;
}

#content .pdf a{
color:#662068;
}
#content .bloc-formation .en-savoir-plus {
    padding-left:10px;
}
.bloc-formation .en-savoir-plus a {
    color:#652068;
    font-weight:bold;
}
/* Formations personnalisées */ 

.bloc-formation-perso{
width:280px;
margin-bottom:15px;
}

.bloc-formation-perso{
background:#fff7e5 url(/img/bloc-formation-perso_bas.png) no-repeat scroll left bottom;
}

.bloc-formation-perso h3, .bloc-formation-perso2 h3{
font-size:13px;
padding:5px 0px 5px 10px;
height:20px;
}

.bloc-formation-perso h3{
background:#fff7e5 url(/img/bloc-formation-perso_haut.png) no-repeat scroll left top;
color:#ee7f00;
}

.bloc-formation-perso2{
background:#c5d5d9 url(/img/bloc-formation-perso2_bas.png) no-repeat scroll left bottom;
}

.bloc-formation-perso2 h3{
background:#c5d5d9 url(/img/bloc-formation-perso2_haut.png) no-repeat scroll left top;
color:#662068;
}

#content .bloc-formation-perso p, #content .bloc-formation-perso2 p{
padding:10px;
}

.bloc-formation-perso2 img{
padding:0px 0px 15px 80px;
}

.bloc-formation-perso ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 10px 5px 10px;
}

.bloc-formation-perso ul li{
padding:0px 0px 5px 35px;
background:url(/img/bloc-formation-perso_trait.png) no-repeat scroll left 5px;
}

.gauche, .droite{
width:300px;
}

.gauche{
float:left;
margin-left:32px;
}

.droite{
float:left;
}

/* Références */

.references{
padding:0px 0px 0px 47px;
}

.references li{
padding:0px 0px 0px 35px;
background:url(/img/puce_references.png) no-repeat scroll left 5px;
}

.references li a:hover{
color:#bab0aa;
}

table.clients th {
padding: 5px;
color:#662068;
font-weight:bold;
background-color: #bab0aa;
}

table.clients th.larg1{
width:200px;
}

table.clients td{
padding:15px;
}

table.clients td.larg2{
width:454px;
}

/* GAUCHE */

#gauche{
float:left;
width:121px;
padding : 70px 0px 0px 0px;
}

#gauche p{
color:#662068;
}

#gauche p.titre{
font-weight:bold;
}

/* PIED DE PAGE */

#footer{
height:27px;
background:#FFFFFF url(/img/pied_fond.png) no-repeat scroll left top;
}

#footer p{
color:#FFFFFF;
margin:0;
padding:5px 0px 5px 160px;
}

#footer a{
color:#FFFFFF;
}

#container{
width:775px;
margin:0 auto;
}

#extra{float:right;width:654px}

#footer{
clear:both;
width:100%
}

/* FORMATIONS */
#formation p.description {
    width:auto;
    font-size:1.2em;
    padding:10px 0 10px 32px;
}
#formation div.contenu {
    font-size:1.1em;
    padding-left:32px;
}

#formation div.contenu p {
    padding:5px 0 0 0;
}
#formation div.contenu strong {
    color:#652068;
}
#formation ol, #formation ul {
    list-style:inside;
    padding:5px 10px;
}
#formation ol {
    list-style-type:decimal;
}
#formation .infos {
    padding:10px;
    margin:5px 0 0 32px;
    height:86px;
    float:none;
    width:auto;
    background:url(/img/fond-infos-formation.jpg) top left no-repeat;
}
#formation .pdf {
    padding:5px 0 0 32px;
    background:url(/img/pdf.png) no-repeat top left;
}

/* ARTICLES */
#article ul {
    list-style:inside;
    line-height:1.4;
    padding:5px 0 5px 32px;
}
#article em {
    font-weight:normal;
    font-style:italic;
    color:#000;
}

/* MESSAGES */
div.message {
    height: 40px;
    border: 1px dashed;
    margin: 12px 0;
    background: no-repeat 8px 10px;
}
div.mssg_txt {
    font-size: 1.1em;
    font-weight:bold;
    margin: 12px 8px 8px 55px;
}
div.mssg_error {
    border-color: #DD4F00;
    background-color: #fdf3f3;
    background-position:10px 3px;
    color: #DD4F00;
    background-image: url(/img/forbidden.gif);
}
div.mssg_notice {
    border-color: #f57900;
    background-color: #fef8f2;
    background-position:10px 3px;
    color: #f57900;
    background-image: url(/img/exclamation.gif);
}
div.mssg_success {
    border-color: #2B8A0D;
    background-color: #E7FBD4;
    background-position:10px 3px;
    color: #2B8A0D;
    background-image: url(/img/success.gif);
}
div.mssg_error strong {
    color: #DD4F00;
}
div.mssg_notice strong {
    color: #f57900;
}
div.mssg_success strong {
    color: #47c518;
}
.form-error {
    border:2px solid #DD4F00;
    background-color: #fdf3f3
}
.error-message {
    font-weight:bold;color:#DD4F00;
}

/* Formulaire */

fieldset {
    padding:15px;
    color:#1B3679;
    margin:10px 10px 10px 50px;
}
legend {
    font-weight:bold;
    padding:0 10px;
}
label {
    color:#000;
    display:block;
    margin:5px 0;
}
em {
    color:red;
    font-weight:bold;
}
.submit {
	margin-left:65px;
}
form li {
	clear:left;
}
.required {
    background:transparent url(/img/required.png) top left no-repeat;
}
.required label {
    margin:5px 0 5px 10px;
}
.hint {
    font-size:0.8em;
    color:#aaa;
}
.input input {
    width:180px;
}
#contact-civilite input, #contact-civilite label {
	float:left;
}
#contact-civilite input {
	margin-right:4px;
}
#contact-civilite label {
	margin-right:10px;
}