/**Balises générales**/

body{

	margin:0;

	padding:0;

	background:#0b273d url('../../img/frontend/bgBody.jpg') repeat-x;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#616161;

}

body *{

	margin:0;

	padding:0;

}



hr {

  color: #bbbbbb;

  background-color: #bbbbbb;

  height: 1px;

  margin-top:15px;

  margin-bottom:15px;

}



div#contentBlock a img, div#contentBlockInt a img {

  border:0;

}



div#contentBlock img, div#contentBlockInt img {

  border:0;

  margin:5px;

}

a.moreLink {

  color:#193f67;

  text-decoration:underline;

  padding-left:15px;

  background:transparent url('../../img/frontend/bgMore.gif') no-repeat center left;

}



div#VisualModeIndicator {

  display:none;

}

/**Structure du site - ACCUEIL**/

div#headerBlock{

	height:287px;

	width:971px;

	margin-left:auto;

	margin-right:auto;

	

	

}



div#logoLangues,div#logoLanguesEn,div#logoLanguesEs {

	height:101px;

	margin-bottom:4px;

	background:transparent url('../../img/frontend/bgLogoLangues.jpg') no-repeat;

}



div#logoLanguesEn {

	background:transparent url('../../img/frontend/bgLogoLanguesEn.jpg') no-repeat;

}

div#logoLanguesEs {

	background:transparent url('../../img/frontend/bgLogoLanguesEs.jpg') no-repeat;

}

a#logoAccueil {

	position:absolute;

	top:22px;

	margin-left:10px;



	width:196px;

	height:60px;

	display:block

}

a#logoAccueil span{

	display:none;

}

ul#langues{

	list-style-type:none;

	float:right;

	margin-right:18px;

	margin-top:5px;

}

ul#langues li{

	float:left;

	margin-left:4px;

}

ul#langues li a {

	display:block;

	height:14px;



	width:17px;

}

ul#langues li a span{

	display:none;

}

div#bandeauFlash, div#bandeauMenu{

	height:183px;

	background:transparent url('../../img/frontend/bgBandeauFlash.jpg') no-repeat;

	

	border-left:4px solid #ffffff;

	border-right:4px solid #ffffff;

}



div#bandeauMenu{



	background:transparent url('../../img/frontend/bgBandeauMenu.jpg') no-repeat;



}



div#containerMainBlock{

	width:100%;

	height:auto;

	background:#FFF;

}

div#mainBlock, div#mainBlockInt {

	width:966px;

	margin-left:auto;

	margin-right:auto;

	padding-left:5px;

	padding-top:20px;

	padding-bottom:20px;

	

}

div#contentBlock, div#contentBlockInt{

	float:left;

	width:660px;

	text-align:justify;

}



div#contentBlock h2, div#contentBlockInt h2{

  font-size:16px;

  color:#919191;

}

div#contentBlock h3, div#contentBlockInt h3{

  background:#ffffff url('../../img/frontend/bgH3.jpg') no-repeat center left;

  padding-left:30px;

  font-weight:bold;

  color:#2a3e69;

  font-size:20px;

  font-family:"Cicle Gordita", Arial, Helvetica;

  font-style:normal;

}

div#contentBlock p, , div#contentBlockInt p {

  margin-top:10px;

  margin-bottom:10px;

  

}

div#rightBlock{

	float:right;

	width:285px;

	height:100%;

}



div#contentBlockInt h1{

  text-align:left;

  font-size:22px;

}

div#clear{

	clear:both;

}

div#footerBlock {

	width:961px;

	padding-top:8px;

	margin-left:auto;

	margin-right:auto;

}

div#footerBlock a {

	color:#FFFFFF;

	text-decoration:none;

}

div#footerBlock a:hover {

	text-decoration:underline;

}

div#footerRight {

	height:25px;

	width:81px;

	display:block;

	float:right;

	background:transparent url('../../img/frontend/logoFooterDroite.jpg') no-repeat;

}



table.tableAccueil {

  width:100%;

  text-align:left;

}



table.tableAccueil tr th {

    color:#414141;

  font-size:18px;

  font-family:"Cicle Gordita", Arial, Helvetica;

  font-style:normal;

}





/**Structure du site - INTERIEUR**/

div#contentBlockInt ul{

  margin-left:25px;

  list-style-type:none;

}

div#contentBlockInt ul li {

  padding-left:15px;

  background:transparent url('../../img/frontend/bgLiContent.gif') no-repeat center left;

  

}



div#mainBlockInt{

	padding-top:0px;

}

div#contentBlockInt{

  margin-top:20px;

}





div#rightBlockInt{

	float:right;

	width:285px;

	height:100%;

}

/****/



/****Actus Quadra******/

div#quadraActus{



  background:transparent url('../../img/frontend/bgContentQAN.jpg') repeat-y center;

}



div#QAContent{

  padding-left:20px;

  padding-right:20px;

  background:transparent url('../../img/frontend/bgTopQuadraActus.jpg') no-repeat top left;

  padding-top:50px;

}



div#QABottom{

  height:44px;

 background:transparent url('../../img/frontend/bgBottomQAN.jpg') no-repeat center;

}



div#QAContent h3{

  font-size:14px;

  color:#2a3e69;

  margin-bottom:5px;

  

}

div#QAContent p{

  color:#4d4d4d;

  font-style:italic;

  font-weight:bolder;

    margin-bottom:10px;

}

div#QAContent p.italiqueGras{
   color:#9e9e9e;
    margin-top:5px;
}

div#QAContent a.grasGris {

  color:#747474;

  font-weight:bolder;

}







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

/****Actus Quadra******/

div#quadraActus{



  background:transparent url('../../img/frontend/bgContentQAN.jpg') repeat-y center;

}



div#QAContent{

padding-left:20px;

padding-right:20px;

  background:transparent url('../../img/frontend/bgTopQuadraActus.jpg') no-repeat top left;

  padding-top:50px;

}



div#QABottom{

  height:44px;

 background:transparent url('../../img/frontend/bgBottomQAN.jpg') no-repeat center;

}



div#QAContent h3{

  font-size:14px;

  color:#2a3e69;

  margin-bottom:-4px;

  

}

div#QAContent p{

  color:#4d4d4d;

  font-style:italic;

  font-weight:bolder;

    margin-bottom:10px;

}

div#QAContent p.italiqueGras{

  

  color:#9e9e9e;



  

}

div#QAContent a.grasGris {

  color:#747474;

  font-weight:bolder;

}







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



/**Breadcrumbs**/

div#bCrumbs {

  margin-bottom:10px;

}

div#bCrumbs .breadcrumb_spacer {

  font-size:12px;

  color:#c5c5c5;

}

div#bCrumbs a {

  font-size:14px;

  color:#374460;

  text-decoration:none;

  font-weight:bold;

}

/****/



/****Newsletter******/

div#newsletter{



  background:transparent url('../../img/frontend/bgContentQAN.jpg') repeat-y center;

}



div#NContent{

margin-left:1px;

padding-left:15px;

padding-right:20px;

 background:transparent url('../../img/frontend/bgTopNewsletter.jpg') no-repeat top left;

 padding-top:15px;

 

}



div#NBottom{



  text-align:right;

  vertical-align:top;

  padding-bottom:10px;

  padding-right:15px;

 background:transparent url('../../img/frontend/bgBottomQAN.jpg') no-repeat bottom;

}



div#NBottom a img {

  margin-top:-15px;

}





div#NContent p{



  color:#b4b4b4;

    margin-bottom:10px;

    width:68%;

    text-align:left;

}



label{

  width:250px;

}



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

/****Sousmenu******/

div#submenu{

  margin-top:0px;

  padding-top:20px;

  background:transparent url('../../img/frontend/bgContentSubMenu.jpg') repeat-y center;

  margin-bottom:30px;

  margin-left:3px;



}

div#submenu * {

    margin-left:20px;

  margin-right:20px;

}

div#SMContent{

margin-left:1px;

padding-left:15px;

padding-right:20px;

 background:transparent url('../../img/frontend/bgTopSubMenu.jpg') no-repeat top left;

 padding-top:10px;

 

}



div#SMBottom{

  text-align:right;

  vertical-align:top;

  padding-bottom:20px;

  display:block;

  margin-left:0;

  margin-right:0;

 background:transparent url('../../img/frontend/bgBottomSubMenu.jpg') no-repeat bottom;

}







div#SMContent h2, div#submenu h2 {

text-align:right;

    color:#ffffff;

  font-size:24px;

  font-family:"Cicle Gordita", Arial, Helvetica;

  font-weight:bold;

  margin-bottom:20px;

}

div#SMContent ul, div#submenu ul{

  list-style-type:none;

  margin-right:0;



}

div#SMContent ul li, div#submenu ul li{

  padding-left:0px;

  margin:0;

  

}



div#SMContent ul li ul, div#submenu ul li ul{

  padding-left:0px;

  margin:0;

  padding-top:10px;

  padding-bottom:10px;

  border-top:1px solid #FFF;

  border-bottom:1px solid #FFF;

  border-left:1px solid #1b3e66;

  border-right:1px solid #1b3e66;

  margin-right:9px;

  margin-left:-13px;

  padding-left:10px;

  background:#3d658f;

}



div#SMContent ul li ul li, div#submenu ul li ul li{

  padding-left:0px;

  margin:0;

}



div#SMContent ul li ul li span, div#submenu ul li ul li span{

  padding-left:0px;

  margin:0;

}







div#SMContent ul li a, div#submenu ul li a {

  

  color:#ffffff;

  font-size:12px;

  font-family:Arial, Helvetica;

  font-weight:bolder;

  text-decoration:none;

  display:block;

  margin:0;

  background:transparent url('../../img/frontend/bgLiSubMenu2.gif') no-repeat center left;

  

}





div#SMContent ul li ul li a, div#submenu ul li ul li a {

  

  font-size:11px;

  font-weight:normal;

  background:transparent url('../../img/frontend/transparent.gif') no-repeat center left;

}



div#SMContent ul li a:hover, div#submenu ul li a:hover {

  /*text-decoration:underline;*/

  background:#fff;

  color:#193f66;

  background:#fff url('../../img/frontend/bgLiSubMenu.gif') no-repeat center left;

}



div#SMContent ul li ul li a:hover, div#submenu ul li ul li a:hover {

  /*text-decoration:underline;*/

  background:#fff url('../../img/frontend/transparent.gif') no-repeat center left;

}











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



/**Pagination avec titre**/

div#cpTitlePagination {

  display:block;

  margin-top:10px;

  margin-bottom:20px;

  font-size:12px;

  width:100%;

  background:#EEE;

  text-align:center;

}

div#cpTitlePagination a{

  font-size:15px;

  font-weight:bold;

  color:#193f66;

  text-decoration:none;

}



div#cpTitlePagination a:hover{

  text-decoration:underline;

}

/****/

/**Galerie d'images**/

div#galDroite table{

margin-left:10px;

 }

 div#galDroite table tr td {

  padding-bottom:10px;

 }

/****/





/**Listing d'articles avec sample.tmpl**/

div.cadreActualites {

display:block;

margin-bottom:15px;

padding:5px;



}



div.cadreActualites:hover {



}



div.cadreActualites div img {

  margin-bottom:10px;

}

/****/





/**Formulaire de contact**/

.formContact table tr td.formLabel, .formContact table tr td.formLabelRequired {

font-size:14px;

  width:250px;

  margin-bottom:5px;

}

.formContact table tr td.formLabelRequired {

  font-weight:bolder;

}

.formContact table tr td.formField input, .formContact table tr td.formField textarea, .formContact table tr td.formField select{

  margin-bottom:15px;

}



.formContact div.erreurContact {

  font-size:16px;

  font-weight:bold;

  margin-bottom:15px;

  color:red;

}



.formContact div.succesContact {

  font-size:16px;

  font-weight:bold;

  margin-bottom:15px;

  color:green;

}

/****/





/* 



	Sample CSS for use in combination with {NAV_LIST_UL:VCSS}

	

	CSS for show/hide flyout menu is rendered dynamically in the style section

	Basis of this CSS is taken from http://www.alistapart.com/articles/horizdropdowns/



*/



ul#menu_69, ul#menu_112, ul#menu_91 {

  width:250px;

  height:177px;

  font-size:16px;

  margin:0;

  padding:0;

  background:transparent;

  

  border:0;

  font-family:"Cicle Gordita", Arial, Helvetica;

}

ul#menu_69 li, ul#menu_112 li, ul#menu_91 li{

  height:20%;



}



ul#menu_69 li a, ul#menu_112 li a, ul#menu_91 li a{

  margin:0;

  padding:0;

  height:100%;

  background:0;

  color:#FFFFFF;

  padding-left:5px;

  padding-top:5px;

  border:0;

}



ul#menu_69 li a:hover, ul#menu_112 li a:hover, ul#menu_91 li a:hover{

  background:#ffffff;

  color:#1b3e66;

}



ul#menu_69 li ul li a, ul#menu_112 li ul li a, ul#menu_91 li ul li a{

  background:#ffffff;

  color:#666666;

}



ul#menu_71, ul#menu_113, ul#menu_92 {



}





ul#menu_72, ul#menu_116, ul#menu_95 {

margin-top:-36px;

}





ul#menu_69 li ul li a:hover, ul#menu_112 li ul li a:hover, ul#menu_91 li ul li a:hover{

  color:#1b3e66;

}



ul#menu_69 li ul, ul#menu_112 li ul, ul#menu_91 li ul{



  width:150px;

  left:250px;

  height:182px;

  background:#FFFFFF;

  border:0;

  

}




