@charset "utf-8";

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

 Version - 2010-01-07

  IE6 Hack => *html

 IE7 Hack => *+html 

 

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



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

[1. Reset]

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code, 

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong,  tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

sup, sub,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;



outline: 0;

font-size: 100%;

vertical-align: top;



}

blockquote, q {

quotes: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

border-collapse: collapse;

border-spacing: 0;

}



body  {

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	background:#f3f2f0;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #4f4228;

}

h1 {

	font-size: 150%;

	font-weight: bold;

	color: #97732b;



}

h2 {

	font-family: Arial, Helvetica, sans-serif;font-size: 150%;

	color: #97732b;

	font-family: "Times New Roman", Times, serif;font-weight: normal;

	font-variant: normal;

	font-style: italic;

}

h3 {

	font-size: 120%;

	line-height:150%

	font-weight: bold;

}



a:link {

	color: #e0b65a;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #e0b65a;

}

a:hover {

	text-decoration: none;

	color: #663333;

}

a:active {

	text-decoration: none;

} 

a:focus, :focus { outline:none; }



.twoColFixLtHdr #container { 

	width: 1004px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */

	background-color:#f3f2f0;

	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */

	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */

} 

.twoColFixLtHdr  #entete {

	position: relative; left: 0px; top: 0px; z-index: 1;

	width:1004px; 

	height:153px;

} 

. container2 { 

	width: 1004px;

	background-color:#ffffff;

	

} 

.twoColFixLtHdr #leftColumn {



	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */ 

	width: 220px;

	position: relative; 

	z-index: 10; 

	text-align:left;

	padding: 0;

	margin: 25px 0 20px 38px;

	

	

}

.twoColFixLtHdr #mainContent { 

	margin: 0 48px 0 273px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */

	padding: 0 ; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */

	

}



#photoarianne {

	margin: 0 ;

	text-align : right;

}



#photo { 

	width:679px;

	height:320px;

	margin: 5px 0 29px 0;

	}

	

#texte { 

	text-align:justify;

	padding-bottom:60px;

} 



#texte-list { 

	padding:0 0 0 16px;

	list-style-position:outside;

	

} 







.twoColFixLtHdr #footer { 

	position: relative; left: 0px; top: 0px; width: 1004px; height: 29px; z-index: 1; background-image: url(../images/casalavia_18.gif);

	background-repeat: no-repeat;

	font-size:12px;

	width:1004px; 

	height:79px;

	text-align: center;

} 



.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



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

/*Entete */

#entete 

{

	font-size:12px;

}



a:link {

	color: #e0b65a;

	font-weight:bold; 

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #e0b65a;

	font-weight:bold; 

}

a:hover {

	text-decoration: none;

	color: #600;

	font-weight:bold; 

}

a:active {

	text-decoration: none;

	font-weight:bold;

	color: #e0b65a;

} 

a:focus, :focus { outline:none; }

			

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

/*leftColumn*/

#leftColumn { font-size:12px/*16x0.75=12px*/; line-height:1.25em/*12x1.25=14px*/;  width:220px;  }



			ul#menu-gauche, ul#menu-gauche ul, ul#menu-gauche ul ul, ul#menu-gauche ul ul ul, ul#menu-gauche ul ul ul ul {  margin:0; }

			ul#menu-gauche a { text-decoration:none; }

				/* Regroupement */

				ul#menu-gauche { font-family:Arial, Helvetica, sans-serif;list-style: none; }

				ul#menu-gauche li { background-color:#cc0000; margin:0;list-style-type: none;  }

					ul#menu-gauche li a { border:none; color:#fff; display:block; font-weight:normal; padding:10px 10px 8px 8px; width:200px; list-style: none;}

				/* Sous-site */

				ul#menu-gauche ul  { background-color:#b18735; margin:0;list-style: none; } 

					ul#menu-gauche ul li { background-color:#cc9900; border:none;  border-top:1px solid #fff; margin:0;list-style: none; } 

					ul#menu-gauche ul li.section { background: url(../images/menu-pointeur-close.gif) no-repeat 190px 7px; } 

					ul#menu-gauche ul li.section-none {list-style: none;  }

					ul#menu-gauche ul li.section-none a {color:#fff; font-weight:normal;  } 



					ul#menu-gauche ul li.mg-ouvert { background:url(../images/menu-pointeur-open.gif) no-repeat 190px 7px; } 

					ul#menu-gauche ul li a { border:none; color:#fff; font-weight:normal; padding:5px 10px 4px 10px; }

					ul#menu-gauche ul li a:hover { text-decoration:none; }

					ul#menu-gauche ul li.section a:hover { text-decoration:none; }

					

					/*Hack IE6-7 for sup-sub 1er niveau */

					*html .supsub-hack sup, *html #asignaler-contenu sup{  vertical-align: top; position: fixed; font-size:0.9em; top: auto; }

					*+html .supsub-hack sup, *+html #asignaler-contenu sup{ vertical-align: top; position:static; font-size:0.9em; top: auto; }

					*html .supsub-hack sub, *html #asignaler-contenu sub{  vertical-align:bottom; position: fixed; font-size:0.9em; bottom:auto; }

					*+html .supsub-hack sub, *+html #asignaler-contenu sub{  vertical-align:bottom; position: static; font-size:0.9em; bottom:auto; }





					ul#menu-gauche ul li.menu_selected {background-color:#003366; display:block; /*padding:5px 10px 4px 10px;*/}

					ul#menu-gauche ul li.menu_selected a {color:#fff; font-weight:normal; }

				/* Section */

				ul#menu-gauche ul ul { background-color:#ddcdb1; border-top:0 solid #fff; margin:0; padding-bottom:5px;}

					ul#menu-gauche ul ul li  { background-color:#ddcdb1; background-image:none; border:none; margin:0; }

					ul#menu-gauche ul ul li span { color:#ddcdb1; border-bottom:1px dashed #003366; display:block; line-height:1.25em; margin:0px 10px 3px 10px; padding:7px 0 3px 0; color:#000000; font-weight:normal; }

					ul#menu-gauche ul ul li.menu_selected a {color:#000; font-weight:normal; }} 

/* Titre section*/

				/* Contenu - section */

				ul#menu-gauche ul ul ul { border:none; padding-bottom:0;  }

					ul#menu-gauche ul ul ul li { border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; font-size:0.92em/*12x0.92=11px*/; line-height:1.18em/*11x1.18=13px*/; margin:0px 0 0px 8px; padding:3px 10px 3px 2px; }

					ul#menu-gauche ul ul ul li a { border:none; display:inline; color:#000000; font-weight:normal; padding:0; }

					ul#menu-gauche ul ul ul li a:hover, ul#menu-gauche ul ul ul li a:active { text-decoration:none; }

					ul#menu-gauche ul ul ul li.menu_selected { background-color:#fff; color:#E16C00; display:block; font-weight:bold; padding:3px 10px 3px 2px; }

			ul#menu-gauche ul ul li.sans-section { margin:0; padding-top:5px; }

			

			

			

#promo { 

	float:left;

	width:220px;

	height:320px;



			





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

/*mainContent */











[6. Hack IE 6/7]

*/

*html .clearfix { height:1px; }

*+html .clearfix { display:inline-block; } 	

*html ul#menu-gauche ul ul { height:100%; }

*html ul#menu-gauche ul ul ul { height:100%; } /*IE 6*/

*+html ul#menu-gauche ul ul ul { height:100%; } 

*html #hq-accueil h1 {background:url(../images/hq_accueil_masque_titre_8bits.png) no-repeat right bottom;} /*IE6*/



*html .asignaler-rss a { display:inline-block; } /*ie 6*/

*+html .asignaler-rss a { display:inline-block; } /* ie 7 *

			

/*Hack IE6-7 for sup-sub 1er niveau */

					*html .supsub-hack sup, *html #asignaler-contenu sup{  vertical-align: top; position: fixed; font-size:0.9em; top: auto; }

					*+html .supsub-hack sup, *+html #asignaler-contenu sup{ vertical-align: top; position:static; font-size:0.9em; top: auto; }

					*html .supsub-hack sub, *html #asignaler-contenu sub{  vertical-align:bottom; position: fixed; font-size:0.9em; bottom:auto; }

					*+html .supsub-hack sub, *+html #asignaler-contenu sub{  vertical-align:bottom; position: static; font-size:0.9em; bottom:auto; }			

[if IE 5]>



<style type="text/css"> 

/* placer les corrections pour le modèle de boîte css pour IE 5.x dans ce commentaire conditionnel */

.twoColFixLtHdr #sidebar1 { width: 220px; }

</style>

<![endif][if IE]>

<style type="text/css"> 

/* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */

.twoColFixLtHdr #sidebar1 { padding-top: 0px; }

.twoColFixLtHdr #mainContent { zoom: 1; }

/* la propriété propriétaire zoom ci-dessus transmet à IE l'attribut hasLayout nécessaire pour éviter plusieurs bogues */

</style>

<![endif]