*{
border:none;
color:inherit;
margin:0;
padding:0;
text-indent:0;
text-decoration:none;
}

body{
background:#013668 url(../images/interface/background.jpg) repeat-x;
font-size:11px;
color:#696969;
margin:0;
padding:0;
line-height: 1.4em;
font-family:Arial, Helvetica, sans-serif;

}


/* STYLE DE LA PAGE DE GARDE - GATEWAY*/

#gateway{
margin:auto;
width:427px;
color:#FFFFFF;
margin-top:100px;
}

#slogan{
border-bottom:1px solid #708baa;
border-top:1px solid #708baa;
padding-top:10px;
padding-bottom:10px;
width:427px;
/*height:30px;*/
text-align:center;
font-size:12px;
margin:0px;
}

#gateway_droite{
float:right;
width:210px;
margin-top:20px;
margin-bottom:20px;
vertical-align:top;
}

#gateway_gauche{
width:200px;
padding-right:10px;
border-right:1px solid #fff;
margin-top:20px;
margin-bottom:20px;
vertical-align:top;
}

/*--------------------------------------*/


#general{

width: 790px; 
margin:auto;
margin-top:10px;
}

#corps{
background-color:#FFFFFF;
width: 790px;
}

#gauche{
width:205px;
padding-left:8px;
float: left;
}

#searchform{
background:#fff url(../images/interface/background_recherche.jpg) no-repeat;
width:209px;
height:31px;

}


#searchform #s {
	background: transparent;
	border:0px solid red;
	font-size:11px;
	width: 140px;
	margin-left:10px;
	height:16px;
	}

#searchsubmit {
	background: transparent;
	border:0px solid red;
	width: 45px;
	height:20px;
	margin-top:5px;
	cursor:pointer;
	
	
	}


#menu li{
float:left;
}

#droite{
float: right;
width:562px;

padding-right:8px;
}

/* Le contenu dans le tableau principal */
.printbox{
text-align:right;
height:20px;
border-bottom:1px solid #ececec;
margin-bottom:10px;

}

.menuSurferLiberal{

height:31px;
margin:auto;
padding-left:18px;
padding-top:15px;
}

.rechercheSurferLiberal{
text-align:right;
margin-top:5px;
margin-right:19px;
margin-bottom:15px;
}

.contenu_grand{
padding:10px;

}

.contenu_grand div{
padding:10px;

border-bottom:1px solid #ececec;
}

.contenu_interieur{
padding:10px;

}

.contenu_interieur div{
padding:10px;
}

.contenu_moyen{
width:282px;
margin-left:10px;
}

.contenu_moyen div{
padding:10px;
border-bottom:1px solid #ececec;

}

.contenu_petit{
width:120px;
border:1px solid #ececec;
margin-left:10px;

}

.contenu_petit div{
padding:10px;
width:100px;
min-height:215px;
/*height:215px;*/
}

.imgleft{
float: left;
margin-right:10px;
}

.imgright{
float: right;
/*margin-left:10px;*/


}

/* -----------------------------------  */

.evidenceBleuClair{
color:#2ea9e0;
font-weight:bold;
}

#footer{
clear: both;

}

#footer a{
color: #FFFF80;
}

h2{
border-bottom:1px dashed #0652a5;
margin-bottom:10px;
margin-top:10px;
}

h3{

height:24px;
color:#09468e;
font-size:13px;
font-weight:bold;
margin-bottom:10px;
padding-top:7px;

}


h4{
color:#1489e0;
font-size:16px;
margin-bottom:15px;
margin-top:20px;


}

h5{
margin-bottom:5px;
margin-top:10px;
color:#696969;
font-size:13px;

}
/************************* TITRE POUR LE MINI SITE SURFER LIBERAL */
h6{
color:#1489e0;
font-size:16px;
margin-bottom:15px;
margin-top:20px;
/*margin-left:10px;*/
}

/**************************/

strong{
color:#00acee;
}


a{
text-decoration:none;
color:#09468e;
outline:none;
}

p{
margin-top:4px;
margin-bottom:3px;
}


a:hover{
text-decoration:none;
color:#ffcc36;
}

.spacer{
clear:both;
visibility:hidden;

}

ul li{
list-style-type:none;
}

.liste-puce{
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
}

.liste-puce li{
list-style-type:disc;
list-style-position:inside;
padding-bottom:5px;
}



a img{
border:0px solid red;
outline:none;
}

input,textarea,select{
border:1px solid #696969;
}

.sendbar input, .sendbar textarea, .sendbar select{
border:1px solid #fff;
}

.blocContenu{
background-color:#F3F3F3;
padding:15px;
margin-left:25px;
width:250px;
}

.sendbar {
float:right;
margin-top:10px;
/*margin-bottom:5px;*/

}

.sendbar li{
float:left;
}

.miseEnEvidence{
color:#09468e;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}

.H2 {

	
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #1479CB;
	margin-bottom:3px;
	text-transform:uppercase;
	text-align:left;
	
}
.H3 {
	
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #00acee;
	text-transform:uppercase;
	margin-bottom:3px;
	text-align:left;

}

.H3italic {
	
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color:#666666;
	text-align:left;
	

}

.H4 {

	
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	
}

.cjg-home-maxime {

	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	color: #053789;
}
.cjg-home-legendeMaxime {
	
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	padding-top:10px;
	
}

.popUp{
background-color:#FFFFFF;
}
.popUp td{
padding:8px;
}

li.albums{
background-color:#f4f3f3;
list-style-type:none;
display:block;
width:245px;
border:1px solid #9fb4cd;
border-left:2px solid #09468e;
margin-left:15px;
margin-bottom:5px;
font-size:10px; 
padding-left:10px;
padding-right:10px;
float:left;
font-style:normal;
}

li.albumsSelected{
background-color:#f4f3f3;
list-style-type:none;
display:block;
width:245px;
border:1px solid #9fb4cd;
border-left:2px solid #09468e;
margin-left:15px;
margin-bottom:5px;
font-size:10px; 
padding-left:10px;
padding-right:10px;
float:left;
font-style:normal;
text-decoration:none;
color:#ec088f;
font-weight:bold;
}





li.clear{
list-style-type:none;
line-height:1em;
font-size:10px; 
padding-left:10px;
padding-right:10px;
clear:right;
font-style:normal;
}



a img{
border:0px solid red;
}

.imgleft{
float:left;
padding-right:8px;
padding-bottom:5px;
}
.imgright{
float:right;
/*padding-right:8px;*/
/*padding-top:5px;*/
}

.clear{
clear:both;
}


/* galerie photo */

.lien_photo{
border:1px solid #fff;
width:64px;
height:64px;
margin-right:12px;
margin-bottom:10px;
display:block;
float:left;
text-decoration:none;
font-weight:bold;
padding:1px;
}



.lien_photo:hover{
border:1px solid #ec008b;
}

	.divMoreBorder{
		border:1px solid #f7f7f7;
		background-color:#fcfbfb;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		margin-top:15px;
		margin-bottom:15px;
		}

.panel .less { display: none;}
		.panel-open .less { display: inline!important; }
		
.champsRecherche{
padding-left:5px;
padding-right:5px;
}

/******MENU EFFET HOVER SANS JS*******/
.menu {
/*	margin-bottom: 1.5em;*/
}

.menuAHover  {
	display: block;
	width:190px;
	height:32px;
	font-size:1px;
	background-repeat: no-repeat;
	background-position: 0px -32px;
	cursor: pointer;
	cursor: hand;
}
.menuAHover:hover, .menuAHover.selected {
	background-position: top left;
}


/********************************************************** LIBERAL WORLD */

.btnLangue{
float:left;
background-color:#e7eef7;
color:#FFFFFF;
margin-right:5px;
font-weight:bold;
font-size:12px;
}

.btnLangue a{
text-decoration:none;}

.btnLangue a:hover{
color:#f21488;}

.left{
float:left;}

.right{
float:right;}