/* CSS Document  pour partie rouge*/

/*---------------- CLASS FORMATS HEADING--------------------------*/


h1 { /*titre des articles?*/
	font-size:14px;
	color: #be001f;
	/*padding-left: 50px;*/
	
}

h1blog { /*titre des articles?*/
	/*padding-left: 30px;*/
	text-transform: uppercase;
}


h2 { 
	font-size:12px;
	color: #009bce;
	font-weight: bold;
}
h3 { 
	font-size:11px;
	color: #9cba31;
	font-weight: bold;
}
h4 { 
	font-size:10px;
	color: #009bce;
}
hr { 
	color: #9cba31;
	background-color: #9cba31;
	height: 1px;
	border: 0px;
}
.buttonheading{
border:0px solid black;
}

img{
border:0px solid black;}
/*---------------- CLASS GENERIQUES--------------------------*/


html {
	height: 100%;
}

body {

	height: 100%;
	margin-bottom: 1px;
	background-color:#C0C7D3;
	background-image: url(../images/fonds2.png);
	margin: 15px;
	padding: 0px;
	font-family: verdana, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	
}

ul
{
margin: 0;
margin-left:40px;
padding: 0;
}

ul.menu {
margin: 0px;
padding: 0px;
}

li{
list-style-image: url('../images/puce-bleue.gif');
margin-top: 10px;
}

li.vert{
list-style-image: url('../images/puce-verte.gif');
margin-top: 10px;
}

a:link, a:visited {/*couleur du texte des menus*/
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #808080;  /* ne marche pas sur les menus ni sur les listes de catégories, mais sur les liens oui*/
	text-decoration: none; /*attention underline les sous-menus*/
	font-weight: bold;
}

a.content {
color: #009bce;
font-weight: normal; 
text-decoration : underline;
}

a.content:hover {
color: #808080;
font-weight: normal; 
text-decoration : underline;
}

.clr {
	clear: both;
}

.outline { /*intérieur du cadre de page*/
border: 0px solid #000000;
background: #ffffff;
padding: 0px;
margin-top: 0px;
padding-top: 0px;
}
/*---------------- CLASS PARTIE HAUTE--------------------------*/

#buttons_outer {/*intérieur du cadre de page dans outline, moins bandeau bas déterminé par margin-bottom*/
	width: 960px;
  	margin-bottom: 20px;
	float: right;
	background: #ffffff;
}

#buttons_inner { /**/
}


#user4 { /*zone haut droite avec recherche et contacts*/
	width: 210px;
	height: 107px;
	/*background-color: #215DA4;*/
	float: left;
	background-image: url(../images/user4.png);
	

}

ul#contact /*créé CDEV 09/10/08 pour contacts dans user4*/
{
	list-style: none;
	padding: 0;
	margin: 0;

}

ul#contact a /*créé CDEV 09/10/08 pour contacts dans user4*/
{
	color: #ffffff;

}

ul#contact li /*créé CDEV 09/10/08 pour contacts dans user4*/
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top:10px;
	float: left;
	margin: 0;
	font-size: 12px; /*police des boutons*/
	color: #ffffff;
	/*text-decoration: underline;*/
	white-space: nowrap;
	list-style: none;
}



#pathway_text { /* ligne du fil d'ariane : couleur, hauteur...*/
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

/* Nicolas Landier */
.moduletable_topmenu { /*couleur de fonds de la ligne de boutons : utile pour éviter le bug des boutons en fonds blanc quand menu actif*/
	float: clear;
	margin: 0px;
	padding: 0px;
	width: auto;
	background-color: #f5d300;
	/*border-top: 1px solid #ffffff;*/
}

#bandeauhaut { /*couleur de fonds de la ligne bandeau + user4--> modification dans index.php de la class du div*/
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
	background-color: ffffff;
}
/*---------------- CLASS "TOP MENU"--------------------------*/

/* Nicolas Landier */
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	text-align: center;
}




ul#mainlevel-nav li /*ligne des boutons ss-menu*/
{
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width:192px;/*largeur des boutons du top-menu*/
	height:25px; /*hauteur de l'emplacement de la ligne de top menu (et non hauteur des boutons)*/
	font-size: 12px; /*police des boutons*/
	line-height: 25px; /*hauteur des boutons*/
	white-space: nowrap;
	list-style: none;
}

ul#mainlevel-nav li a:hover /*boutons en survol*/
{
	color: #ffffff; 
	font-weight: bolder;
	/*text-decoration: underline;*/
}

.mainlevel-nav  
{

	display: block;
	padding:0px 0px 0px 0px;
	text-decoration: none;
	background: none;
}



/******************************COULEUR DES ITEMS DE TOP-MENU*******************************************/
ul#mainlevel-nav li.topmenu_1 {
background-color: #009BCE;
color:#000000;
/*border-top: 1px solid #ffffff;*/
}

ul#mainlevel-nav li.topmenu_2 {
background-color: #F5D300;
color:#000000;
/*border-top: 1px solid #ffffff;*/
}

ul#mainlevel-nav li.topmenu_3 {
background-color: #BE001F;
color:#000000;
/*border-top: 1px solid #ffffff;*/
}

ul#mainlevel-nav li.topmenu_4 {
background-color: #9CBA31;
color:#000000;
/*border-top: 1px solid #ffffff;*/
}

ul#mainlevel-nav li.topmenu_5 {
background-color: #E8B410;
color:#000000;
/*border-top: 1px solid #ffffff;*/
}

#active_topmenu{
color:#ffffff;
}

/*----------- sous menu Top - Nicolas Landier ---------------*/

ul#sousmenu li {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width:180px;/*largeur des boutons du top-menu*/
	height:25px; /*hauteur de l'emplacement de la ligne de top menu (et non hauteur des boutons)*/
	font-size: 12px; /*police des boutons*/
	line-height: 25px; /*hauteur des boutons*/
	white-space: nowrap;
	list-style: none;
	text-align: center;
}

ul#sousmenu li a:hover {
	color:#ffffff;
}

.moduletable_sousmenujaune {
	background-color: rgb(245, 211, 0);
	width: 960px;
}

.moduletable_sousmenujaune ul#sousmenu li {
	width: 480px;
}

.moduletable_sousmenuvert {
	background-color: rgb(156, 186, 49);
	width: 960px;
}
.moduletable_sousmenuvert ul#sousmenu li {
	width: 480px;
}

.moduletable_sousmenurouge {
	background-color: rgb(190, 0, 31);
	width: 960px;
}

.moduletable_sousmenurouge ul#sousmenu li {
	width: 320px;
}

.moduletable_sousmenujaune7 {
	background-color: rgb(245, 211, 0);
	width: 960px;
}
.moduletable_sousmenujaune7 ul#sousmenu li {
	width: 137px;
}

.moduletable_sousmenurouge2 {
	background-color: rgb(190, 0, 31);
	width: 960px;
}
.moduletable_sousmenurouge2 ul#sousmenu li {
	width: 480px;
}

.moduletable_sousmenuorange {
	background-color: rgb(232, 180, 16);
	width: 960px;
}

.moduletable_sousmenuorange ul#sousmenu li {
	width: 320px;
}

.moduletable_pathway {
	margin: 2px 4px;
}

/*---------------- CLASS "SEARCH"--------------------------*/

#search_outer {
	float: left;
	width: 0px;
}

#search_inner {
	padding: 0px;
	height: 21px !important;
	height: 23px;
	overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#mod_search_searchword{
width:135px;
margin-right: 3px;
}

/*---------------- CLASS BANDEAU--------------------------*/
#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 960px;
	height: 70px;
}

#top_outer{
	float: left;
	width: 0px;
}

#top_inner {
  /*border: 1px solid #cccccc*/;
	padding: 2px;
  height: 70px !important;
  overflow: hidden;
  float: none !important;
  float: left;
}


/*---------------- CLASS LEFT MENU--------------------------*/

#bandeau_gauche{ /*créée pour le module en position gauche "image gauche"*/
padding: 5px 10px;
background-image: url(../images/bandeaugauche.png);
background-repeat: no-repeat;
width: 120px;
height: 455px;
position: relative;
top: 15px;


}
.flash_perso {
	border: 0px solid #be001f;
	padding: 40px 5px 5px 5px;
	margin-left: 5px;
	line-height: 15px;
	text-align: justify;
	height: 500px;
	background: url(../images/bandeau_gauche.png);
	background-repeat: no-repeat;
}
#left_outer {
	float: left;
	margin-top: 2px;
	width: 165px;


}
#left_inner {
	padding: 2px;
	float: none !important;
	float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	float: left;
	width: 793px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  padding: 2px;
}


.user1_inner {
	/*border: 1px solid #cccccc*/;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	/*border: 1px solid #cccccc*/;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.lien_articles {

}


table td.body_outer {
	padding: 2px;
	/*border: 1px solid #cccccc*/;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #9cba31;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #9cba31;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px ;
  line-height: 14px;
  margin: 0px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	padding: 3px;
}
a.mainlevel_footer:hover{
color: #808080;
}

td {
	text-align: left;
	font-size: 11px;
}




/* Joomla core stuff */




table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 0px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 0px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {/*classe de tous les boutons précédent, suivant...*/
	color: #235DA4;
	font-family: verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	/*border: 3px double #cccccc;*/
	width: 16px; 
	background: url(../images/button_search.png) no-repeat;
	padding: 0px;
	/*line-height: 18px !important;*/
	line-height: 12px;
	/*height: 26px !important;*/
	height: 15px;
	margin-top: 5px; /*ruse pour décoller la zone user4 du haut de page*/
	margin-bottom: 0px;
	border: 0px solid #ffffff;
}

.button_contact {/*classe DU BOUTON CONTACT... Créée CDEV 07/10/08*/
	color: #808080;
	font-family: verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width: 126px; 
	background: url(../images/button_bg.png) repeat-x;
	line-height: 18px;
	height: 18px;
	/*margin-top: 0px;
	margin-bottom: 5px;*/
	padding: 0px 0px 10px 0px;
	border: 1px solid #9cba31;
}


.inputbox {
	padding: 1px;
	border:solid 1px #d6d6d6;
	background-color: #FFFFFF;
	font-size: 9px;
	background: #f4f4f4 url(../images/input.png) -3px -3px repeat-x;

}

.componentheading {
	/*background: url(../images/subhead_bg.png) repeat-x;*/
	color: #be001f;
	text-align: left;
	padding-top: 4px;
	padding-left: 0px;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
	/*text-transform: uppercase;*/

}

.contentcolumn {
	padding-right: 5px;
}

.contentheading { /*texte géré également par h1*/
	height: 25px;
	color: #be001f;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	/*background: url(../images/titre_articles.png) ;
	background-repeat: no-repeat;
	vertical-align: middle;*/

}



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #f0F9F8;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	/*width: 165px;*/
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 0px;
	margin-top: 0px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #ffffff;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #215DA4;
  padding: 4px;
  color: #ffffff;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #E8F2F7;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/bouton_droite.png) no-repeat;
	/*background-color: #0D73A6;*/
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	color: #0D73A6;
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	height: 35px !important;
	height: 35px;
	width: 123px;
	text-decoration: none;
}

*html a.mainlevel:link, a.mainlevel:visited { /* IE 6*/
	width: 160px;
}

*+html a.mainlevel:link, a.mainlevel:visited { /* IE 7*/
	width: 143px;
}

a.mainlevel:hover {
	/*background-position: 0px -25px;
	text-decoration: none;*/
	color: #D4D600;
	background: url(../images/bouton_droite_over.png) no-repeat;
}

a.#active_menu {
	color:#000000;
	font-weight: bold;
	background: url(../images/menu_bg2.png) no-repeat;
}

a.mainlevel#active_menu:hover {
	color: #ffffff;
	background: url(../images/menu_bg3.png) no-repeat;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #f5d300;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  /*border: 1px solid #cccccc*/;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}


#formulaire_candidature input { 
width:200px;
background: #f2f7de;
border: 1px solid #d9e1bb;

}

#formulaire_candidature textarea {
width: 200px;
background: #f2f7de;
border: 1px solid #d9e1bb;

}

#formulaire_candidature select {
	width:200px;
	background: #f2f7de;
	border: 1px solid #d9e1bb;
}

#formulaire_candidature .button {
	background: #c4d96e;
	border: 1px solid;
	font-size: 140%;
	color: #fff;
	padding: 0.2em;
}
#formulaire_candidature .firstcol {
	text-align:right;
}


.lien_articles a{
	color:#009cbe;
	text-decoration:underline;
}


#details{
width:350px;
height:160px;
overflow:auto;
border:solid 1px;
}
.thickbox{

}



.td_accueilH{
	background-image: url(../images/fonds_accueilH.png);
	width: 180px;
	height: 26px;
	border: 0px solid #be001f;
	/*padding: 15px 15px 0px 15px;*/
	/*margin: 20px 20px 5px 20px;*/
	background-repeat: no-repeat;
	text-align: left;
	color: #215DA4;
	font-size: 14px;
	font-weight: bold;
}

.td_accueilB{
	background-image: url(../images/fonds_accueilB.png);
	width: 180px;
	height: 97px;
	border: 0px solid #be001f;
	/*padding: 15px 15px 0px 15px;*/
	/*margin: 20px 20px 5px 20px;*/
	background-repeat: no-repeat;
	text-align: justify;
}



li.pucesoranges {
list-style-image: url('../images/puce-orange.gif');
}

li.pucesorangescr {
list-style-image: url('../images/pucecr_orange2.gif');
}
li.pucesblanchescr {
list-style-image: url('../images/pucecr_blanche2.gif');
margin-top: 0px;

}
li.pucesbleuescr {
list-style-image: url('../images/pucecr_bleue2.gif');
}

table.moduletable_footermenu {
	margin: auto;
}

