/* Eléments de base */
body {
	background : #CCCCCC;
	font-family : Lucida Sans, Lucida Grande;
	font-size : 10pt;
	line-height : 12pt;
	color : #000000;
	margin : 0px;
	padding : 0px;
}
p {
	vertical-align : top;
	font-size : 10pt;
	text-align : justify;
	margin : 0px;
	padding : 6px 20px 6px 20px;
}
h1 {
	font-weight : bold; 
	vertical-align : top;
	text-align : right;
	font-size : 12pt;
	margin : 0px 0px 10px 0px;
	padding : 0px 20px 6px 20px;
}
h2 {
	font-style: italic;
	font-weight : normal; 
	font-size : 10pt;
	vertical-align : top;
	text-align : right; 
	margin : 10px 0px 0px 0px;
	padding : 0px 20px 6px 20px;
	clear : both;
}
h3 {
	font-style : italic;
	font-weight : normal; 
	font-size : 10pt;
	vertical-align : top;
	text-align : justify; 
	margin : 10px 0px 0px 0px;
	padding : 0px 20px 6px 20px;
	clear : none;
}
a {
	color : #728BF3;
	text-decoration : none;
}
a:hover {
	color : #F38B72;
	text-decoration : none;
}

.img1{
	border-style : solid;
	border-color : #000000;
	border-width : 1px;
}
.img2{
	border-style : dotted;
	border-color : #FFA500;
	border-width : 1px;
}

/* Structure du document */
#cadre {background : #ffffff; width : 1000px; padding : 0px; margin : 0px auto 0px auto; border-width : 0px;}
#sommetPage {background : url(fond.jpg) no-repeat top left; width : 998px; height : 100px; text-align : right; padding : 0px; border : 1px #C2DBF3 solid; margin : 0px; clear : left; float : left; cursor : pointer;}
#milieuPage {background : #ffffff; width : 1000px; padding: 0px; margin: 0px; clear : left; float : left;}
#contenu {background : #ffffff; padding: 0px; width : 1000px; margin : 10px 0px 0px 0px; font-size : 8pt; float : right;}
#contacts {background : #ffffff; width : 998px; text-align : center; padding : 0px; border : 1px #00A5FF solid; margin : 0px; clear : both; float : left;}
#basPage {background : #ffffff; width : 1000px; text-align : center; padding : 0px; border-width : 0px; margin : 0px; clear : both; float : left;}

/*Description de contenu */

#contenu h1 {color : #00A5FF; border-bottom : 1px solid #C2DBF3;}
#contenu h2 {letter-spacing: 1px; color : #FFA500; border-bottom : 1px #FFA500 solid;}
#contenu h3 {color : #000000; border-bottom : 1px #FFE8DF solid;}
#contenu p {border-width : 0px;}
#contenu p.coordAsso {background : url(coin5.jpg) no-repeat top left; border: 1px #00A5FF solid; width : 400px; float : left; margin-right : 10px; margin-bottom : 10px;}
#contenu p.imgC {color : #FFA500; font-size : 8pt; font-style: italic; text-align : right; padding : 0px; margin : 0px 0px 10px 0px; margin-right: auto; margin-left: auto; clear : both;}
#contenu p.imgD {color : #FFA500; font-size : 8pt; font-style: italic; text-align : right; padding : 6px 20px 0px 0px; margin : 0px 0px 10px 0px; margin-left: 10px; float : right;}
#contenu p.imgG {color : #FFA500; font-size : 8pt; font-style: italic; text-align : right; padding : 6px 0px 0px 20px; margin : 0px 0px 10px 0px; margin-right: 10px; float : left;}
#contenu em {color : #000088;}
#contenu strong {color : #000088;}
#contenu ul {font-size : 10pt; margin : 0px 0px 0px 10px; padding : 6px 20px 6px 20px; border-width : 0px;}
#contenu ul li{background : url(coin1.jpg) no-repeat 3px 3px; list-style-type: none; display: block; padding-left : 15px;}
#contenu ul li ul li{background : url(coin2.jpg) no-repeat 3px 3px; list-style-type: none; display: block; padding-left : 15px;}
#contenu ol {font-size : 10pt; margin : 0px 0px 0px 10px; padding : 6px 20px 6px 20px; border-width : 0px;}
#contenu ol li{list-style-type: decimal; display: block; padding-left : 15px;}
#contenu ol li ol li{background : transparent; list-style-type: lower-roman; display: block; padding-left : 15px;}

#contenu ul.coordAsso {background : url(coin5.jpg) no-repeat top left; border: 1px #00A5FF solid; width : 400px; float : left; padding : 6px 20px 6px 20px; margin-left : 0px; margin-right : 10px; margin-bottom : 10px;}
#contenu ul.coordAsso li {background : none; text-align : justify; font-size : 10pt; margin : 0px; padding : 0px; border-width : 0px;}
#contenu ul.coordAsso li.tel {margin-left : 40px;}
#contenu ul.coordAsso li.tel:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Tel'; margin-left : -40px;}
#contenu ul.coordAsso li.fax {margin-left : 40px;}
#contenu ul.coordAsso li.fax:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Fax'; margin-left : -40px;}
#contenu ul.coordAsso li.mail {margin-left : 40px;}
#contenu ul.coordAsso li.mail:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Mail'; margin-left : -40px;}
#contenu ul.coordAsso li.site {margin-left : 40px;}
#contenu ul.coordAsso li.site:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Site'; margin-left : -40px;}
#contenu ul.coordAsso li.blog {margin-left : 40px;}
#contenu ul.coordAsso li.blog:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Blog'; margin-left : -40px;}

#contacts ul {background : url(coin5.jpg) no-repeat top left; border: 1px #00A5FF solid; width : 400px; float : left; padding : 6px 20px 6px 20px; margin-left : 0px; margin-right : 10px; margin-bottom : 10px;}
#contacts ul li {background : none; text-align : justify; font-size : 10pt; margin : 0px; padding : 0px; border-width : 0px;}
#contacts ul li.tel {margin-left : 40px;}
#contacts ul li.tel:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Tel'; margin-left : -40px;}
#contacts ul li.fax {margin-left : 40px;}
#contacts ul li.fax:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Fax'; margin-left : -40px;}
#contacts ul li.mail {margin-left : 40px;}
#contacts ul li.mail:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Mail'; margin-left : -40px;}
#contacts ul li.site {margin-left : 40px;}
#contacts ul li.site:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Site'; margin-left : -40px;}
#contacts ul li.blog {margin-left : 40px;}
#contacts ul li.blog:before {color : #00A5FF; display : block; float : left; width : 35px; content : 'Blog'; margin-left : -40px;}
