/* ------------------------- Définition des classes de balises générales ------------------------ */
html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #2F2F2F;
	font-family: Arial, Verdana, sans-serif;
}
p {
	margin: 0 0 7px 0;
	font-size: 0.7em;
	color: #000;
	line-height: 1.2em;
	text-align: center;
}
img {
	border: 0;
}
a {
	text-decoration: underline;
	color: #ED6E25;
}
a:hover {
	text-decoration: none;
}
table {
	border: 0;
	padding: 0;
}
div {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 5px 0 0 0;
	font-size: 1.1em;
	color: #fff;
}
h2 {
	margin: 15px 0 4px 0;
	padding: 0 0 0 22px;
	font-size: 0.8em;
	height: 16px;
	line-height: 1.2em;
	background: url(../images/fleche_h2.gif) center left no-repeat;
	color: #ED6E25;
}
h3 {
	margin: 15px 0 4px 0;
	padding: 0;
	font-size: 0.7em;
	color: #BC0202;
}
a.btnhome {
     display: block;
     width: 175px;
     height: 53px;
}
a.btn1 {
	position: absolute;
	top: 53px;
    display: block;
    width: 175px;
    height: 70px;
}
a.btn1:hover {
	background: url(../images/menu/btn_1-over.gif) top left no-repeat;
}
a.btn1actif {
	z-index: 20;
	position: absolute;
	top: 53px;
    display: block;
    width: 175px;
    height: 70px;
	background: url(../images/menu/btn_1-over.gif) top left no-repeat;
}
a.btn2 {
	position: absolute;
	top: 106px;
    display: block;
    width: 175px;
    height: 59px;
}
a.btn2:hover {
	background: url(../images/menu/btn_2-over.gif) top left no-repeat;
}
a.btn2actif {
	position: absolute;
	top: 106px;
    display: block;
    width: 175px;
    height: 59px;
	background: url(../images/menu/btn_2-over.gif) top left no-repeat;
}
a.btn3 {
	position: absolute;
	top: 158px;
    display: block;
    width: 175px;
    height: 59px;
}
a.btn3:hover {
	background: url(../images/menu/btn_3-over.gif) top left no-repeat;
}
a.btn3actif {
	position: absolute;
	top: 158px;
    display: block;
    width: 175px;
    height: 59px;
	background: url(../images/menu/btn_3-over.gif) top left no-repeat;
}
a.btn4 {
	position: absolute;
	top: 210px;
    display: block;
    width: 175px;
    height: 50px;
}
a.btn4:hover {
	background: url(../images/menu/btn_4-over.gif) top left no-repeat;
}
a.btn4actif {
	position: absolute;
	top: 210px;
    display: block;
    width: 175px;
    height: 50px;
	background: url(../images/menu/btn_4-over.gif) top left no-repeat;
}
a.btn5 {
	position: absolute;
	top: 253px;
    display: block;
    width: 175px;
    height: 47px;
}
a.btn5:hover {
	background: url(../images/menu/btn_5-over.gif) top left no-repeat;
}
a.btn5actif {
	position: absolute;
	top: 253px;
    display: block;
    width: 175px;
    height: 47px;
	background: url(../images/menu/btn_5-over.gif) top left no-repeat;
}
a.linkgrey {
	font-size: 0.9em;
	color: #454545;
	text-decoration: none;
}
a.linkgrey:hover {
	color: #6A6A6A;
	bacground: #000;
}

/* ------------------------- Définition des id de balises générales ------------------------ */

/* ----------- body ----------- */
body#pointilles {
	background: url(../images/fond.gif) top left repeat;
}

/* ----------- div ----------- */
div#address {
	padding-top: 40px;
}
div#address p{
	text-align: left;
	color: #7E7E7E;
	margin-top: -2px;
}
div#address p#nom{
	font-weight: bold;
	color: #B2B2B2;
}
div#cadre {
	position: absolute;
	width: 748px;
	left: 50%;
	margin-left: -374px;
	margin-top: 10px;
}
div#cadreH {
	height: 7px;
	font-size: 1px;
}
div#cadreG {
	font-size: 1px;
	position: absolute; 
	left:0;
	width: 7px;
}
/*
	Ne pas oublier de changer la hauteur des images suivantes :
	- cdrshad_G2.png : hauteur du bloc "cadreM" + 145
	- cdrshad_D2.png : hauteur du bloc "cadreM" + 31
*/
div#cadreMback {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 4400px;
}
div#cadreM0 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 470px;
}
div#cadreM11 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 1460px;
}
div#cadreM12 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 1350px;
}
div#cadreM13 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 840px;
}
div#cadreM14 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 1530px;
}
div#cadreM21 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 510px;
}
div#cadreM22 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 430px;
}
div#cadreM23 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 570px;
}
div#cadreM24 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 600px;
}
div#cadreM31 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 550px;
}
div#cadreM32 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 640px;
}
div#cadreM41 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 750px;
}
div#cadreM42 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 770px;
}
div#cadreM43 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 740px;
}
div#cadreM44 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 780px;
}
div#cadreM45 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 780px;
}
div#cadreM46 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 770px;
}
div#cadreM47 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 790px;
}
div#cadreM51 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 480px;
}
div#cadreM52 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 850px;
}
div#cadreM53 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 440px;
}
div#cadreM6 {
	background-color: #fff;
	margin-left: 7px;
	margin-right: 13px;
	height: 490px;
}
div#cadreD {
	font-size: 1px;
	position: absolute;
	right:0;
	width: 13px;
}
div#cadreB {
	height: 7px;
	font-size: 1px;
}
div#header {
	padding: 0;
	height: 152px;
	width: 728px;
	margin: 0 0 0 7px;
	overflow: hidden;
}
div#menu {
	position: absolute;
	width: 175px;
	height: 100%;
	height: inherit;
	margin-left: 2px;
	background: url(../images/basmenuG.jpg) top left no-repeat;

}
div#contenthome {
	padding-left: 20px;
	position: absolute;
	width: 531px;
	left: 184px;
	height: 110px;
	background:url(../images/fond_content-home.jpg) top left no-repeat;
}
div#content {
	padding-left: 20px;
	position: absolute;
	width: 531px;
	left: 184px;
	height: 110px;
	background:url(../images/fond_content.jpg) top left no-repeat;
}
div#mininav {
	line-height: 17px;
	text-align: center;
	border: 0px;
}
div#mininav a {
	font-size: 0.6em;
	color: #878787;
	text-decoration: none;
	background: url(../images/mininav_sepa.gif) top right no-repeat;
	padding-right: 10px;
	padding-left: 4px;
}
div#mininav a:hover {
	text-decoration: underline;
	color: #fff;
}
div#refs img {
	border: 1px solid #aaa;
	margin-right: 10px;
	margin-bottom: 10px;
}
div#refs img#refsel {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
div#refs a img {
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
}
div#refs a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
div#refzoom {
	text-align: center;
	margin-right: 10px;
	margin-top: 10px;
}
div#refzoom img {
	border: 1px solid #aaa;
}
div#texteshome {
	position: absolute;
	width: 330px;
	left: 20px;
}
div#textesinforeg {
	position: absolute;
	width: 510px;
	left: 20px;
}
div#textes {
	position: absolute;
	width: 371px;
	left: 20px;
}
div#perso {
	position: absolute;
	left:341px;
	width: 208px;
	height: 420px;
	background: url(../images/0_accueil/perso.jpg) top right no-repeat;
}
div#ssthemes {
	position: absolute;
	left:395px;
	margin-top: 30px;
}
div#sepa{
	width: 100%;
	margin: 5px 0 10px 0;
	background: url(../images/ligne_sepa.gif) center right repeat-x;
}
/* ----------- p */
p#home {
	color: #999;
}

/* ----------- table ----------- */
table#hosting {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 0.6em;
	width: 370px;
	color: #555555;
	text-align: center;
}
table#hosting td {
	border: 1px solid #ddd;
}
table#splashlist {
	margin-top: 25px;
	font-size: 0.7em;
	color: #7E7E7E;
	text-align: left;
}
td#splash1 {
	width: 169px;
	height: 274px;
	background: url(../images/0_splash/splash_1.gif) bottom right no-repeat;
}
td#splash2 {
	line-height: 1px;
	width: 182px;
}
td#splash3 {
	line-height: 1px;
	width: 289px;
	text-align: left;
	padding-top: 24px;
	background: url(../images/0_splash/splash_7.gif) bottom right no-repeat;
}
td#splash4 {
	height: 120px;
	background: url(../images/0_splash/splash_8.gif) top left no-repeat;
}
table#form {
	font-size: 0.7em;
	width: 370px;
	color: #000;
	text-align: left;
}
table#form td {
	vertical-align: top;
}
table#form td#submit {
	text-align: right;
	padding-top: 15px;
	padding-right: 30px;
}
table#coords {
	margin-left: 18px;
	font-size: 1.1em;
	width: 340px;
	color: #000;
	text-align: left;
}

/* ----------- ul li ----------- */
ul#remindarbo {
	margin-left: 2px;
	height: 19px;
	list-style-type: none;
}
ul#remindarbo li {
	float: left;
	text-align: center;
}
ul#remindarbo li a {
	background: url(../images/fleche_arbo.gif) bottom left no-repeat;
	padding-right: 7px;
	text-indent: 9px;
	font-size: 0.7em;
	color: #fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
ul#remindarbo li a:hover {
	text-decoration: underline;
}
ul#remindarbo li a#cur {
	text-decoration: underline;
}
ul#listthemes li {
	float: left;
	text-align: center;
	list-style-type: none;

}
ul#listthemes li a {
	width: 150px;
	font-size: 0.7em;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: none;
	display: block;
	margin-bottom: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
}

ul#listthemes li a:hover {
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn11 {
	padding-top: 85px;
	background: url(../images/1_internet/picto_1-1.jpg) top center no-repeat;
}
ul#listthemes li a#btn11sel {
	padding-top: 85px;
	background: url(../images/1_internet/picto_1-1.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn12 {
	padding-top: 83px;
	background: url(../images/1_internet/picto_1-2.jpg) top center no-repeat;
}
ul#listthemes li a#btn12sel {
	padding-top: 83px;
	background: url(../images/1_internet/picto_1-2.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn13 {
	padding-top: 82px;
	background: url(../images/1_internet/picto_1-3.jpg) top center no-repeat;
}
ul#listthemes li a#btn13sel {
	padding-top: 82px;
	background: url(../images/1_internet/picto_1-3.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn14 {
	padding-top: 82px;
	background: url(../images/1_internet/picto_1-4.jpg) top center no-repeat;
}
ul#listthemes li a#btn14sel {
	padding-top: 82px;
	background: url(../images/1_internet/picto_1-4.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn21 {
	padding-top: 95px;
	background: url(../images/2_graphique/picto_2-1.jpg) top center no-repeat;
}
ul#listthemes li a#btn21sel {
	padding-top: 95px;
	background: url(../images/2_graphique/picto_2-1.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn22 {
	padding-top: 84px;
	background: url(../images/2_graphique/picto_2-2.jpg) top center no-repeat;
}
ul#listthemes li a#btn22sel {
	padding-top: 84px;
	background: url(../images/2_graphique/picto_2-2.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn23 {
	padding-top: 84px;
	background: url(../images/2_graphique/picto_2-3.jpg) top center no-repeat;
}
ul#listthemes li a#btn23sel {
	padding-top: 84px;
	background: url(../images/2_graphique/picto_2-3.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn31 {
	padding-top: 83px;
	background: url(../images/3_flash/picto_3-1.jpg) top center no-repeat;
}
ul#listthemes li a#btn31sel {
	padding-top: 83px;
	background: url(../images/3_flash/picto_3-1.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn32 {
	padding-top: 92px;
	background: url(../images/3_flash/picto_3-2.jpg) top center no-repeat;
}
ul#listthemes li a#btn32sel {
	padding-top: 92px;
	background: url(../images/3_flash/picto_3-2.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn41 {
	padding-top: 85px;
	background: url(../images/1_internet/picto_1-1.jpg) top center no-repeat;
}
ul#listthemes li a#btn41sel {
	padding-top: 85px;
	background: url(../images/1_internet/picto_1-1.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn42 {
	padding-top: 84px;
	background: url(../images/2_graphique/picto_2-2.jpg) top center no-repeat;
}
ul#listthemes li a#btn42sel {
	padding-top: 84px;
	background: url(../images/2_graphique/picto_2-2.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn43 {
	padding-top: 95px;
	background: url(../images/2_graphique/picto_2-1.jpg) top center no-repeat;
}
ul#listthemes li a#btn43sel {
	padding-top: 95px;
	background: url(../images/2_graphique/picto_2-1.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn51 {
	padding-top: 80px;
	background: url(../images/5_contact/picto_5-1.jpg) top center no-repeat;
}
ul#listthemes li a#btn51sel {
	padding-top: 80px;
	background: url(../images/5_contact/picto_5-1.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn52 {
	padding-top: 102px;
	background: url(../images/5_contact/picto_5-2.jpg) top center no-repeat;
}
ul#listthemes li a#btn52sel {
	padding-top: 102px;
	background: url(../images/5_contact/picto_5-2.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#listthemes li a#btn53 {
	padding-top: 75px;
	background: url(../images/5_contact/picto_5-3.jpg) top center no-repeat;
}
ul#listthemes li a#btn53sel {
	padding-top: 75px;
	background: url(../images/5_contact/picto_5-3.jpg) top center no-repeat;
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* ------------------------- Définition des classes personnalisées ------------------------ */
.nonopacity {
	background-color: #fff;
}
.centerV {
	text-align: center;
	vertical-align: center;
}
.lettrine {
	float: left;
	background: url(../images/lettrine.gif) top center no-repeat;
	width: 30px;
	line-height: 2em;
}
.fulldims {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.just {
	text-align: justify;
}
.justOrange {
	color: #ED6E25;
	text-align: justify;
	}
.tdtitre {
	font-weight: bold;
	color: #B2B2B2;
	height: 20px;
}
.tdlist {
	padding-left: 6px;
	padding-right: 8px;
	background: url(../images/0_splash/fleche.gif) center left no-repeat;
}
.tdsepa {
	width: 30px;
}
.toppage{
	width: 100%;
	text-align: right;
	font-size: 0.7em;
	padding-right: 10px;
	background: url(../images/fleche_top.gif) center right no-repeat;
}
.ullist {
	margin-left: 20px;
}
.ullist li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	margin-bottom: 5px;
	color: #000;
	list-style-type:none;
	list-style-image:url(../images/fleche_list.gif)
}
.trhead {
	color: #fff;
	font-size: 1.1em;
	height: 20px;
	font-weight: bold;
	background-color: #8C8C8C;
}
.trsubhead {
	text-align: left;
	padding-left: 10px;
	height: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #ACACAC;
}
.trpair {
	background-color: #E8E8E8;
	height: 15px;
}
.trimpair {
	background-color: #DFDFDF;
	height: 15px;
}
.tdentry {
	width: 100px;
	padding-left: 5px;
	text-align: left;
}
.tdnom {
	text-align: right;
	padding-right: 10px;
	padding-top: 4px;
	height: 30px;
}
.tdnum {
	text-align: center;
	font-size: 0.7em;
	vertical-align: bottom;
	font-weight: bold;
}