@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:14px;
	line-height:20px;
	color:#000;
}

img{
	border:none;
}

.h1_box{
	color:#fff;
	text-align:center;
	background:#1babe0;
	padding:5px;
	margin-bottom:20px;
}

h2{
	color:#000;
	font-size:16px;
}

p{
	color:#707070;
}

h3{
	font-style:italic;
	font-size:14px;
	color:#fff;
	background:#1080a9;
	font-weight:normal;
	padding:10px;
}

h4{
	font-size:20px;
	line-height:19px;
	text-transform:uppercase;
	text-align:center;
	font-weight:lighter;
	background:#efe0d2;
	letter-spacing:1px;
	color:#000;
	padding:5px;
}

blockquote{
	font-style:italic;
	background:#ededed;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding:30px;
	padding-top:10px;
	border-radius:20px;
	color:#787878;
}


/* HEADER */
.header{
	margin:0;
	padding:0;
	width:950px;
	height:264px;
	margin-left:auto;
	margin-right:auto;
}

.menu{
	height:26px;
	background:#000;
}


/* CONTENU */
.page{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}

ul{
	margin-top:15px;
}

ul li{
	list-style:url(images/puce.gif);
	margin-left:40px;
	line-height:20px;
	color:#707070;
	margin-top:5px;
}

.titre{
	padding-top:100px;
}

#accueil{
	width:340px;
	color:#707070;
	font-style:italic;
	padding-top:266px;
	padding-left:297px;
}

.bouton_accueil{
	float:left;
	margin-top:460px;
	left:0px;
}

.contenu .bouton_accueil a{
	background:#1babe0 url(images/droite_btn.gif) right no-repeat;
	padding:3px;
	padding-left:6px;
	padding-right:25px;
	font-style:italic;
	color:#fff;
	text-decoration:none;
}

.contenu .bouton_accueil a:hover{
	background:#1080a9 url(images/droite_btn_survol.gif) right no-repeat;
}

.contenu .bouton a{
	background:#1babe0 url(images/droite_btn.gif) right no-repeat;
	padding:3px;
	padding-left:6px;
	padding-right:25px;
	font-style:italic;
	color:#fff;
	text-decoration:none;
}

.contenu .bouton a:hover{
	background:#1080a9 url(images/droite_btn_survol.gif) right no-repeat;
}

.contenu #avertissement{
	width:510px;
	float:right;
	margin-top:200px;
}

.contenu #outils{
	float:right;
	margin-right:50px;
}

.contenu #photo{
	float:left;
	margin-right:15px;
	padding-top:5px;
}

.contenu_contact{
	background:url(images/logo_small.gif) top right no-repeat;
	margin-top:100px;
}

.contenu_contact #adresse{
	float:right;
}

.contenu_contact .titre{
	padding-top:0;
}


/*------- Pour le plugin carousel ------------*/
div.carousel{
    /* margin:12px; */
    border:0;
}

div.carousel div{
    margin:0;
    padding:0;
    border:0;
}

div.carousel div.carousel-wrap{
/* adapter à la taille de l'image ! */
    width:270px;
    float:left;
    border:1px solid #d3d3d3;
    background:#ff0;
}

div.carousel ul{
    margin:0;
    padding:0;
}

div.carousel ul li{
    display:inline;
    float:left;
    padding:0 0; 
/* adapter à la taille de l'image ! */
    width:270px;
height:185px;
    text-align:center;
}

/*div.carousel span.carousel-control{
    display:inline;
    float:left;
    margin:15px 0 0;
    padding:5px 10px;
    font-weight:bold;
    font-size:11px;
    cursor:pointer;
    background:#ddd;
}*/

div.carousel span.disabled{
    color:#ddd;
    cursor:default;
    background:#f4f4f4;
}
/* Pour la construction de la page web */
div#car3 {
    clear:both;
}

/* Pour cacher les boutons du modèle 3 */
div#car3 span {
    display:none;
}

/* FOOTER */

.footer{
	background:#000;
	color:#666;
	font-weight:lighter;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
}

.footer a{
	text-decoration:none;
	color:#fff;
}

.footer a:hover{
	text-decoration:none;
	color:#1080a9;
}

/* FORMULAIRE */

.formulaire label {
	width:110px;
	float:left;
	display:block;
	line-height:26px;
	text-align:right;
	margin-right:10px;
}

.formulaire input,.formulaire textarea {
	background:#FFF;
	font-size:13px;
	padding:3px;
	line-height:22px;
	border:1px #767676 solid;
	color:#0e232d;
}

.formulaire select {
	background:#FFF;
	font-size:12px;
	line-height:24px;
	border:1px #767676 solid;
	color:#0e232d;
}

.formulaire input:hover {border:1px solid #000}


/* BOUTONS */

.bouton-200, input.bouton-200 {
	text-align:center;
	display:block;
	background:#1babe0 url(images/droite_btn.gif) right no-repeat;
	padding:2px;
	padding-left:6px;
	padding-right:25px;
	font-style:italic;
	color:#fff;
	text-decoration:none;
	border:none;}

.bouton-200:hover,input.bouton-200:hover {background:#1080a9 url(images/droite_btn_survol.gif) right no-repeat;}

/* PROBLEME REUSSITE */

.probleme,.reussite {
	width:370px;
	padding:1px;
	/*padding-left:100px;
	background-position:top left;
	background-repeat:no-repeat;*/
	line-height:18px;
	color:#ff0000;
}

.probleme h2,.reussite h2 {
	font-size:16px;
	font-weight:lighter;
}

.probleme span,.reussite span {
	padding:1px;
	padding-left:4px;
	padding-right:4px;
	background:#7c1215;
	border-right:1px #fff solid;
	color:#FFF;
}