/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 06
   & Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */
   
/* Général */
body {
	color: #F0E39E;
	background: white url(../img/bckg.gif) repeat-x;
	padding: 0px;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Global */
#global {
	
	color: #F0E39E;
	width: 980px;
	overflow: hidden; /* -> 2 */
	min-width: 700px;
	max-width: 1000px; /* -> 3 */
	margin-left: auto;
	margin-right: auto; /* -> 4 */
	padding:0px;
	font-family:calibri;
}

#main {
	
	color: #F0E39E;
	background: #cbd888 url(../img/fond_contenu.jpg) repeat-y left top; /* -> 1*/
	width: 976px;
	overflow: hidden; /* -> 2 */
	min-width: 700px;
	max-width: 1000px; /* -> 3 */
	margin-left: auto;
	margin-right: auto; /* -> 4 */
	padding:0px;
	font-family:calibri;
}

/* En-tête */
#entete {
	background:url(../img/entete2.png) ;
	height:135px;
	margin:0px;
	padding:0px;
}

#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Navigation */
#navigation {
	background: transparent;
	width: 280px;
	float: left; /* -> 5 */
} 

#navigation h2{
	color: #686868;
	margin-left:5px;
	font-size:18px;
}
	
#navigation a {
	color: #468398;
	display: block;
	height: 20px; /* -> 6 */
	text-decoration: none;
	font-weight:bold;
	padding:5px;
}
#navigation a:hover, #navigation a:focus {
	background: #468398;
	color:#fff;
}

#navigation ul {
	margin: 0;
	padding:3px;
	list-style: none;
}



/* Sidebar */
#sidebar {
	background: #f4f4f4;
	width: 280px;
	float: left; /* -> 5 */
	padding-bottom: 10px;
} 

#sidebar h2{
	color: #686868;
	margin-left:5px;
	font-size:18px;
}
	
#sidebar h3{
	color: #686868;
	margin-left:10px;
	font-size:14px;
	margin-bottom: 2px;
}

#sidebar img{
	margin-left: 10px;
}

#sidebar img.facebookimg {
	margin-left: 15px;
}

/* Contenu principal */
#contenu {
	color: #686868;
	background:#fff;
	/*margin-left: 280px; *//* -> 7 */
	width:680px;
	padding:5px;
	font-size:14px;
	float: right;
}

#contenu a {
	text-decoration:none;
}
#contenu a:hover, #contenu a:focus {
	text-decoration:underline;
}
#contenu strong {
	color: #181A12;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

#contenu img{
	width:180px;
	height:120px;
	border: 1px solid #888;
	margin-top:2px;
	margin-bottom:1px;
	margin-left:2px;
	margin-right:2px;
	padding:0px;
}

#contenu img.panorama{
	width:680px;
	height:184px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#contenu img.normal{
	width:100px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
}
/* Pied */
#pied{
	width:980px;
	height:90px;
	background:url(../img/pied.jpg) ;
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	color:#ccc;
	font-size:14px;
}

#pied p{
	padding:10px;
	margin:0px;
}

#pied a{
	color:#888;
	font-size:12px;
	text-decoration:underline;
}

#pied a:hover{
	text-decoration:none;
}

#pied a.bleu{
	color:#0099ff;
	
}

#pied img{
	border:none;
}

/* menu lavalamp */

/* Styles for the entire LavaLamp menu */
.lavaLamp {
background-color:#30474f;
border-top:1px solid #324a52;
height:25px !important;
width:966px !important;
margin: 0;
overflow:hidden;
padding:5px;
padding-bottom:10px;
position:relative;
height:40px;
width:976px;
margin-top:0px !important;
margin-top:0px;
margin-left:2px;
}
/* Force the list to flow horizontally */
.lavaLamp li {
float:left;
list-style:none outside none;

}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
border-bottom:2px solid #d6dbdc;
height:30px;
position:absolute;
width:9px;
z-index:8;
}

/* Styles for each menu-item. */
.lavaLamp li a {
color:#d6dbdc;
display:block;
float:left;
font:bold 14px arial;
height:30px;
letter-spacing:0;
margin:auto 10px;
outline:medium none;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
top:7px;
z-index:10;

}

.lavaLamp li a:hover {
	color:#d6dbdc;
}

/* Styles for each menu-item. */
.lavaLamp ul li ul li a {
color:#d6dbdc;
display:block;
float:left;
font:bold 14px arial;
height:30px;
letter-spacing:0;
margin:auto 10px;
outline:medium none;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
top:7px;
z-index:10;

}


/*---cuber---*/

#cu3er-container{
	margin-left:5px;
	padding:0px;
	width:670px;
	height:200px;
}

/*---Jquery lightbox --*/
#gallery{
	width:565px;
	margin-left:auto;
	margin-right:auto;
	background:#efefef;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
}

/*--- Content table--*/

#main #contenu .content-table {
    /*margin-top: -300px;*/
    width: 680px;
}

.col1{
	width:223px;
	
	float:left;
	clear:both;
}
.col2{
	width:223px;
	
	
	float:left;
}
.col3{
	width:234px;
	
	
	float:right;
}

#contenu .content-table img{
	border:none;
	margin:12px;
	width: 210px;
	height: 93px;
}

#contenu .content-table h3{
	
	margin: 0 0 0px 14px;
}

p.txt-ui{
    background: none repeat scroll 0 0 /*#dae3e8*/;
    /*color: #468398;*/
    margin: -12px 10px 10px 12px;
    padding: 10px 0 10px 0;
    text-align: left;
    width: 210px;
   /* font-weight: bold;*/
}

a.cta
{
    background: url("../img/cta-button.jpg") no-repeat scroll 0 0 transparent;
    color: white;
    display: block;
    font-size: 30px;
    height: 45px;
    padding-left: 20px;
    width: 630px;
    margin-left: 25px;
}

a.cta:hover
{
    background: url("../img/cta-button-hover.jpg") no-repeat scroll 0 0 transparent;
    color: white;
	
}

#contenu p a.cta{
	    text-decoration:none;
}

.coord{
	float:right;
	width: 240px;
}

.cfrom{
	float:left;
	width: 350px;
	margin-bottom: 20px;
}

#contenu .cfrom .imgverif{
	width: 50px;
	height: 24px;
}

#contenu .cfrom p{
	margin: 2px 0 2px 0;
	text-align: left;
}

#contenu .cfrom form{
	text-align: left;
}

body #merci p{
	color: black;
}

#contenu .content-table a.splus{
	text-decoration: underline;
	font-style: italic;
}