/* CSS Document */

.h1{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  color :#990D56;
  padding-left : 25px;
  font-weight:bold;
  margin-top :10px;
  margin-bottom :0px;
  margin-left :0px;
  margin-right:0px;
}

.contenu{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color :#3D0522;
  background-position : 11px 0px;
  padding-left : 10px;
  font-weight:bold;
  padding-bottom :0px;
  margin :0px;
}


.h3{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color :#3D0522;
  font-weight:normal;

}

.h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: blod;
	margin : 0px;
	text-decoration:none;

	}


.a1{
	text-decoration : none;
	width : 816px;
	font-weight : bold;
	font-size : 10px;
	color : #FFFFFF;
	height : 53px;
	vertical-align :middle;
	display:inline;
	top: auto;
	bottom: auto;
}


.a2{
  color : #990D56;
  font-weight :bold;
  text-decoration :underline;
  text-align : left;
  display:inline;
}

.Style1 {
    color: #905B27
    text-decoration : none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: blod;
	margin : 0px;
	color: #905B27;
	
}

td img {display: block;}body {
	margin-left: 0px;
	margin-top: 0px;
}

form {
}

form ol {
					list-style: none;
}

form fieldset {
					border: 1px solid #990d56;
					margin: 0;
					padding: 0;
}
form p.legend {
					font-weight: bold;
					text-transform: uppercase;
					background-color: #990d56;
					color: #fff;
					margin: 0;
					padding: .3em .3em .3em 1em;
}

form li {
					float: left;
					width: 45%;
					margin-bottom: 6px;
					background-image: none;
}

form input.button {
					border: 1px solid #000;
					background-color: #fff;
					color: #000;
					padding: .2em;
					float: none;
}

form input.button:hover {
					border: 1px solid #990d56;
					background-color: #fff;
					padding: .2em;
}

form p {
					padding: 1em;
					clear: both;
					margin-top: 1.2em;
}

form p.recherche_intro {
					text-decoration: underline;
}

form p input {
					text-decoration: none;
}

/*----------------------------------------------*/
#menu{
  width : 155px;
  padding-left  : 10px;
  padding-right :15px;
  background : url(../images/bloc_ombrebas_colgauche.gif) top left no-repeat;
  padding-top : 70px;
}

#menu a{
  color : #FFFFFF;
  text-decoration :  none; 
}

/* --------------------------- menu gauche --------------------------------- */

#menuitem_1_1,#menuitem_1_2,#menuitem_1_3,#menuitem_1_4,#menuitem_1_5,#menuitem_1_6,#menuitem_1_7,#menuitem_1_8,#menuitem_1_9,#menuitem_1_10{
  border-bottom : 1px dashed white;
  padding-top : 5px;
  padding-bottom : 5px;
  background : none;
  text-align : left;
}
#menuitem_1_1 div .sublevel,
#menuitem_1_2 div .sublevel,
#menuitem_1_3 div .sublevel,
#menuitem_1_4 div .sublevel,
#menuitem_1_5 div .sublevel,
#menuitem_1_6 div .sublevel,
#menuitem_1_7 div .sublevel,
#menuitem_1_8 div .sublevel,
#menuitem_1_9 div .sublevel,
#menuitem_1_10 div .sublevel{  
  background : url(../images/indent1.png) no-repeat left;
  padding-left : 6px;
  font-weight : normal;
  text-align : left;
  font-size : 10px;
}

#menuitem_1_1 div .sublevel_current,
#menuitem_1_2 div .sublevel_current,
#menuitem_1_3 div .sublevel_current,
#menuitem_1_4 div .sublevel_current,
#menuitem_1_5 div .sublevel_current,
#menuitem_1_6 div .sublevel_current,
#menuitem_1_7 div .sublevel_current,
#menuitem_1_8 div .sublevel_current,
#menuitem_1_9 div .sublevel_current,
#menuitem_1_10 div .sublevel_current{  
  color: pink;
  text-align : left;
  background : url(../images/indent1.png) no-repeat left;
  padding-left : 6px;
  font-weight : normal;
  font-size : 10px;
}

#menuitem_1_1 div .sublevel_active,
#menuitem_1_2 div .sublevel_active,
#menuitem_1_3 div .sublevel_active,
#menuitem_1_4 div .sublevel_active,
#menuitem_1_5 div .sublevel_active,
#menuitem_1_6 div .sublevel_active,
#menuitem_1_7 div .sublevel_active,
#menuitem_1_8 div .sublevel_active,
#menuitem_1_9 div .sublevel_active,
#menuitem_1_10 div .sublevel_active{  
  color: #FFFFFF;
  text-align : left;
  background : url(../images/indent1.png) no-repeat left;
  padding-left : 6px;
  font-weight : normal;
  font-size : 10px;
}


.moduletable-menu a:hover{
  color : white;
}
/* ------------------------------------------------------------------------- */



/* --- BALISES HTML --- */

html {
	height: 100%;
}
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  background : #600340;
  color: #3D0522;
	height: 100%;
	margin-bottom: 1px;
}





a{
  color : #990D56;
  font-weight :bold;
  text-decoration :underline;
  text-align : left;
}


form {
	margin: 0;
 	padding: 0;
}

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

li{
  line-height: 15px;
  padding-left: 20px;
  padding-top: 0px;
  background-image: url(../images/mini_puce_liste.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
}


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

.ombre-droite{
  background : url(../images/ombresite_droite.gif) repeat-y;
  width : 5px;
}
#pied{
  background : url(../images/ombresite_bas.gif) repeat-x;
  text-align : right;
  padding-top : 5px;
  font-weight : bold;
  font-size : 10px; 
  color : #FFFFFF;
}
#avant-pied{
  height : 10px;
  background-color: #990D56;
}

/* --- pathway --- */
#pathway{
  width : 816px;
  font-weight : bold;
  font-size : 10px;
  color : #FFFFFF;
  padding-bottom : 5px;
  height : 53px;
  background : url(../images/bloc_ombredroite_pathway.gif) no-repeat;
  vertical-align : bottom;

}

#pathway div{
  padding-left :10px;
  position: relative;
}
#pathway img{
  border : none;
}

#pathway a{
  color : #FFFFFF;
  text-decoration : underline;
}


#bandeau{
  width : 816px;
  height :122px;
  color: black;
  background: url(../images/logopanodia_coldroite.gif) no-repeat right;
  padding-top : 10px;
  padding-right : 10px;
  padding-left : 10px;
}

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

#corps{
  width : 100%;
  font-size : 10px;
  background-color : #E4D9C8;
  margin-left : 10px;
  margin-right : 10px;
  text-align : justify;
  padding : 1px solid green;
}

#corps .blog{
  padding-left : 10px;
  padding-right : 10px;
  padding-top : 5px;
}


#corps .contentpaneopen{
  width : 100%;
}

#corps .contentpaneopen td{
  padding-left: 0px !important;
  padding-right: 0px !important;
 padding-left : 10px;
  padding-right : 10px;
}


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

#gcorps {
  width : 50%;
  padding : 10px;
}
#gcorps .contentpaneopen td{
 padding-left : 0px;
  padding-right : 0px;
}

/* ---- DCORPS : Nos references --- */
#dcorps{
  width : 50%;
  padding-right :10px;
  padding-left :5px;
}
#dcorps h3{
  font-size :12px;
  padding-left :5px;
  margin-bottom:10px;
  text-decoration : none;
  background : #990D56;
  color : #FFFFFF;
  height : 20px;
  padding-top :  5px;
}   
#dcorps div.moduletable{
  padding :0px;
  margin :0px;
}




/* -------------------- DROITE -------------------- */


#droite{
  background : #F1ECE3 url(../images/trame_florale_coldroite.gif) no-repeat bottom; 
  /* !!!!!!!!!!!! LIGNE A PASSER DANS #droite .moduletable-actualites quand on publiera le module login de l'espace pro !!!!!!!!!!!!!!!!!!! */
}






/* --- DROITE : Actualites --- */

#droite .moduletable-actualites {
  margin-bottom : 10px;
  width : 210px;
  height : 100%;
}

#droite h3 {
	background: url(../images/coin_droite_grandtitre_cold.gif) no-repeat bottom right;
	background-color :#600340;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left:5px;
	padding-top :8px !important;
	height: 17px !important;
  padding-top: 8px;  
	height :25px ;
  margin :0px;
  text-decoration : none;
}


#droite .moduletable-actualites .contentheading{
  padding-left : 0px !important;
  padding-left : 10px;
}


#droite .moduletable-actualites .introtext{
  padding : 5px;
}

#gcorps div .introtext{
text-align : justify;
}

/* --- DROITE : Identification --- */

#droite .moduletable_identification{
  padding-left :0px;
  padding-bottom : 10px;
  width : 210px;
    background-color : #E9DB39;
}
#droite .moduletable_identification h3{
	background: url(../images/coin_droite_grandtitre_espa.gif) no-repeat bottom right;
  background-color :#990D56;
	color: #FFFFFF;
  line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	padding-left:5px;
	padding-right :5px;
  padding-top: 4px;
	height: 21px;
	margin-bottom:10px;
	text-decoration : none;
}

#droite .moduletable_identification td{

  padding-left :5px;
  padding-top :5px;
  padding-bottom : 5px;
  color :#3D0522;
}



#mod_login_username{
	border:1px solid white;
	background-color: #FBF8CF;
	color :#600340;
	margin-top : -15px;
	display : block;
	float : right;
	margin-right : 5px;
	padding-left :2px;
	width : 80px;
}

#mod_login_password{
	border:1px solid white;
	background-color: #FBF8CF;
	color :#600340;
	margin-top : -15px;
	display : block;
	float : right;
	margin-right : 5px;
	padding-left :2px;
	width : 80px;
}

#mod_login_remember{
  margin :0px;
  padding : 0px;
}

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



.back_button {
	float: center;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  border-top : 1px dotted #B99B6F;
  margin-top : 20px;
  padding-top : 20px;  
  background : url(../images/degrade.jpg) repeat-x;
  background-color : #E4D9C8;
}

.back_button a{
  text-decoration : none;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
.pagenavbar {
	margin-right: 10px;
	float: right;
}



/* --- titre de composant --- */

.componentheading {
	background: url(../images/coin_gauche_grandtitre.gif) no-repeat bottom left;
	background-color :#990D56;
	color: #FFFFFF;
	text-align: left;
	height: 17px !important;
  padding-top : 8px !important;
	padding-top: 8px;
	height : 25px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom : 10px;
}

/* --- titre de contenu --- */

.contentheading {
	font-weight: bold;
	font-size: 12px;
	width : 100%;
  background : transparent url(../images/puce_marron_contenu.gif) no-repeat left center;
  color : #905B27;
  margin : 0px;
  height : 25px;
  padding-top : 5px; 
  text-indent : 25px !important;	
  text-indent : 15px;	
}






/* --- page tableau --- */

.sectiontableheader {
  font-weight: bold;
  background: #D3C0A5;
  padding: 4px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
	background-color : #F9F7F2;
}
.sectiontableentry2 {
	background-color : #F1ECE3;
}





.button {
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  width: auto;
  background-color: #990D56;
  padding: 0px 3px;
  line-height: 16px;
  height: 20px !important;
  line-height: 18px !important;
  height: 20px;
  margin-top: 5px;
  border : 0px;
  display : block;
  float : right;
  margin-right :5px;
  margin-bottom : 0px;
}



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}
.contentcolumn {
	padding-right: 5px;
}



.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;
}


/* --- bouton precedent/suivant --- */

.pagenav_next, .pagenav_prev{
  border : 1px solid #C9B08F;
  padding : 3px;
  text-decoration : none;
  width : 90px;
  text-align : center;
  background-color : #D9C9B0;
  
}

.pagenav_next a, .pagenav_prev a{
  text-decoration : none;
  color : #BA9D72;
  font-size : 10px;
}

.pagenav_next a:hover, .pagenav_prev a:hover{
  text-decoration : none;
  color : #A38250;
}


/* --- separateur d'article --- */

span.article_seperator {
	display: block;
	height: 10px;
	border-top : 1px dashed #D5C2A8;
}



/* --- bouton lire la suite --- */
a.readon{
  float : right;
  margin : 10px;
  padding-bottom : 10px;
  padding-right :10px;
  padding-top :0px;
}



/* --- glossaire --- */

.glossary-term{
  padding: 10px;
}

.glossary-term div{
  background : none;
}

.glossary-term .MsoNormal{
  background : none;
  padding : none;
}

.glossary-conteneur{
  padding : 0px 10px 0px 10px;
}
 /* --- --- */
 
 #lightbox{
	background-color:#FFFFFF;
	padding: 10px;
	border-bottom: 2px solid #624;
	border-right: 2px solid #624;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/*========================== style cadre album ================================*/

p.new_search {
					margin: 1em 0;
					padding: .3em 0 .3em 25px;
					font-weight: bold;
					text-transform: uppercase;
					background: #600340 url(/img/stories/cadre/fleche.gif) left center no-repeat;
}

p.new_search a {
					color: #fff;
}

form {
}

form ol {
					list-style: none;
}

form fieldset {
					border: 1px solid #990d56;
					margin: 0;
					padding: 0;
}
form p.legend {
					font-weight: bold;
					text-transform: uppercase;
					background-color: #990d56;
					color: #fff;
					margin: 0;
					padding: .3em .3em .3em 1em;
}

form li {
					float: left;
					width: 45%;
					margin-bottom: 6px;
					background-image: none;
}

form input.button {
					border: 1px solid #000;
					background-color: #fff;
					color: #000;
					padding: .2em;
					float: none;
}

form input.button:hover {
					border: 1px solid #990d56;
					background-color: #fff;
					padding: .2em;
}

form p {
					padding: 1em;
					clear: both;
					margin-top: 1.2em;
}

form p.recherche_intro {
					text-decoration: underline;
}

form p input {
					text-decoration: none;
}