@charset "UTF-8";

/* CSS Document */
	body {
		padding:0;
		margin:0;
		background-color:#949690;
		font-size:0.65em;
		font-family:Arial, Helvetica, sans-serif;
		color:#666;
}

a {
		color:#555; /**/
}

a:hover {
		color:#111;
		text-decoration:underline;
}

a img {
		text-decoration:none;
		border:none;
}

hr.separation {
		clear:both;
		visibility:hidden;
		font-size:1px;
		height:1px;
		margin:0;
		padding:0;
}

.right {
		text-align:right
}

#fil-ariane {
		margin:10px 25px;
}

#fil-ariane a {
		text-decoration:none;
		font-style:italic;
}

/*       ******	*/
/*       ENTETE	*/
/*       ******	*/
		#logo_site {
		position:absolute;
		top:0;
		left:0;
		background-color:#949690;
		padding:0;
		margin:0;
		z-index:200;
}

#logo_site a, #logo_site a img {
		text-decoration:none;
		border:none;
}

#titre_site {
		color:#949690;
		font:1.8em normal Georgia, "Times New Roman", Times, serif;
		clear:both;
		padding:15px 0 0 20px;
		margin:0 10px 0 240px;
		height:58px;
		background: url(/images/structure/ombre_boite_blanche.png) no-repeat 2px 2px white;
}

#entete {
		width:960px;
		margin:5px 0 0 0;
		position:relative;
}

#entete form {
		position:absolute;
		right:0;
		top:0;
		height:17px;
		border-left:1px solid #949690;
		padding:11px;
		text-align:right;
}

#entete input[type=submit] {
		border: 1px solid #747670;
		color:white;
		background:#949690;
		cursor:pointer;
		font-size:10px;
		margin:-1px 0 0 0;
}

#entete input[type=submit]:hover {
		border: 1px solid #949690;
		background:#C4C6C0;
		cursor:pointer;
		color:white;
}

#entete label {
		font: 1.4em normal Georgia, "Times New Roman", Times, serif;
}

#entete label em {
		font-size:0.8em;
		font-style:normal;
}

#demande_site {
		background: url(/images/structure/ombre_demande.png) repeat-x bottom left #EFEFEF;
		height:38px;
		margin-left:230px;
		border:1px solid #949690;
		padding:0 0 0 8px;
}

.bt_devis, .bt_motifs, .bt_abonner {
		display:block;
		color:white;
		text-decoration:none;
		padding:4px;
		float:left;
		margin:8px 8px 7px 0;
		border-bottom:1px solid #949690;
		font-size:1.2em
}

.bt_devis {
		background-color:#F8B12D;
		width:95px
}

.bt_motifs {
		background-color:#BAD46A;
		width:215px
}

.bt_abonner {
		background-color:#00AAAB;
		width:155px;
}

.bt_devis:hover, .bt_motifs:hover, .bt_abonner:hover {
		background:#646660;
		text-decoration:none;
		color:#FFFFFF;
}

/*       ******	*/
/*       MENU		*/
/*       ******	*/

		#menu_principal {
		list-style:none;
		margin: -19px 0 0 205px;
		font-size:1.2em;
}

#menu_principal li {
		display:block;
		float:left;
		list-style:none;
		padding:0 0 0 3px;
		background-image:url(/images/menu/menu_rabat.png);
		background-repeat: no-repeat;
		background-position: top left;
		margin:0 5px 0 3px;
}

#menu_principal a {
		display:block;
		float:left;
		border:1px solid white;
		background-color:#949690;
		padding:5px 10px 5px 5px;
		color:#FFFFFF;
		text-decoration:none;
		letter-spacing:1px;
		text-transform:uppercase;
		height:18px;
		line-height:22px;
}

#menu_principal a:hover {
		background-color:#F8B12D;
}

#menu_principal .menu_2 {
		background-color:#A4A6A0
}

#menu_principal .menu_3 {
		background-color:#B4B6B0
}

#menu_principal .menu_4 {
		background-color:#C4C6C0
}

#menu_principal .menu_5 {
		background-color:#D4D6D0
}

#navigation_rubrique {
		width:190px;
		float:left;
		margin:0 0 0 25px;
		padding:10px 10px 0 0;
		font-size:1.1em;
}

#navigation_rubrique h3 {
		background: url(/images/structure/ombre_titre_nav.png) no-repeat bottom left #9DC22A;
		color:white;
		margin:10px -10px 10px -14px;
		height:22px;
		padding:5px 5px;
		font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#navigation_rubrique li {
		padding:0;
		margin:0;
}

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

a.actif {
		background-color:#9EB054
}

/*       ******	*/
/*       LAYOUT	*/
/*       ******	*/
	#partenaires {
		position:absolute;
		top:32px;
		right:32px;
		margin:0;
		padding:0;
}

#partenaires li {
		margin:0 5px;
		padding:0;
		list-style:none;
		float:left;
}

#pied {
		padding:10px 30px;
		position:relative;
		border-top:1px solid #949690;
		margin:0;
}

#menu-pied {
		list-style:none;
		background:white;
		padding:8px;
		margin:15px 0px;
		font-size:1.2em;
}

#menu-pied li {
		padding:5px;
		display:inline;
}

#menu-pied li a:hover {
		text-decoration:none;
		color:#333;
}

#menu-pied li a {
		text-decoration:none;
		color:#999;
}

#page {
		width:960px;
		padding:0 0;
		margin:0 auto;
		background: url(/images/structure/pli_page.png) repeat-x bottom left #E5E5E5;
		text-align:left;
		position:relative;
		top:0;
		left:0;
}

#contenu_principal {
		overflow: hidden;
		margin: 0 0 1px 0;
		padding:0 20px 1px 20px;
		font-size:1.2em;
}

#contenu-2col-left {
		padding:0;
		background:url(/images/structure/fond_contenu.png) repeat-y 0 20px #E5E5E5;
}

#contenu-2col-left #contenu_principal {
		width: 670px;
}

#contenu-3col {
		padding:0;
		background: url(/images/structure/fond_contenu-3col.png) repeat-y 0 20px #E5E5E5;
}

#contenu-3col #contenu_principal {
		width: 520px;
		float:left
}

#contenu_photos {
		width:140px;
		padding:10px;
		margin:0 0 0 775px;
		list-style:none;
		border-top:1px solid #EFEFEF;
}

#contenu_photos li {
		margin:0 0 10px 0;
		background:#C9C9C6;
		padding:0;
}

#contenu_photos a {
		display:block;
		padding:10px;
		margin:0;
		background:#C9C9C6;
}

a img {
		text-decoration:none;
		border:none;
}

#contenu_photos li a:hover {
		display:block;
		padding:10px;
		margin:0 0 0;
		background:#B9B9B6;
}

.date {
		float:right;
		font:1.4em normal italic Georgia, "Times New Roman", Times, serif;
		color:#BFC0BC;
		padding:0 1em;
}

/*       ******	*/
/*    STYLES TEXTES */
/*       ******	*/
h2 {
		color:#BFC0BC;
		font: normal 1.6em Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		border-bottom:1px solid #BFC0BC;
}

h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
		font-weight:normal;
		font-variant:small-caps;
		padding:0.3em;
}

h4 {
		font-family:"Arial Black", Arial, Helvetica, sans-serif;
		color:#BBB;
		font-size:1.1em;
		font-weight:normal;
}

h5 {
		font-size:1.1em;
		font-weight:normal
}

p.image-ombre {
		background-repeat: no-repeat;
		background-position: bottom right;
		float:left;
		margin:5px 15px 15px 0;
		padding:0 10px 10px 0
}

p.image-ombre img {
		background:white;
		padding:10px;
		border:1px solid #CCC;
		margin:0 10px 10px 0;
}

p.illustration {
		float:left;
		margin:5px 15px 15px 0;
		padding:0
}

.outils {
		margin-bottom:1px;
		padding:0px;
		clear:both;
		font-size:0.8em
}

.outils p {
		margin:0;
		padding:10px;
}

.outils ul {
		margin:0;
		padding:0;
}

.outils li {
		margin:0;
		padding:0;
		float:left;
		list-style:none;
}

.commentaire {
		line-height:1.6em;
}