/* Feuille CSS Le Site de la Tortue */
/*Style de base */

body {
     margin: 3px 0 ;
	  padding: 0 ;
     text-align: center; /* pour corriger le bug de centrage IE */
	  background-color: #3F8000;
}
/*Arrondis*/
.coin-haut-gche{
	width : 950px;
	margin-left : auto;
	margin-right : auto;
	background-image : url(../images-tt/images-base/coin-ht-gche.gif);
	background-color: #ffc;
	background-repeat : no-repeat;
	background-position : top left;
}

.coin-haut-dt{
	background-image : url(../images-tt/images-base/coin-ht-dt.gif);
	background-repeat : no-repeat;
	background-position : top right;
}

.coin-bas-gche{
	background-image : url(../images-tt/images-base/coin-bas-gche.gif);
	background-repeat : no-repeat;
	background-position : bottom left;
}

.coin-bas-dt{
	background-image : url(../images-tt/images-base/coin-bas-dt.gif);
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
}

.frise-ht{
	width: 852px;
	height: 22px;
	margin-top: -29px;
	margin-left: 20px;
	background-image:url(../images-tt/images-base/friseht.gif);
}

/*Fin arrondis*/

/* Blocs contenant le site complet*/
 
.global{
	position: relative; /* on positionne le conteneur */
	margin: 0 auto ;
	margin-top: 1%;
   width: 950px;
	height: auto;
	background-color: #ffc;
	text-align: left; /*on rétablit l'alignement normal du texte*/
} 


.global2{
	background-color: transparent;
}

.header{
	height: 200px;
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #C53535;
	text-align: left;
}

.div-header{
	margin-top: -200px;
	margin-right: 20px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #FF7039;
	text-align: right;
}

.baguette{
	height: 100px;
	width: 859px;
	margin-left: 15px;
	margin-bottom: -25px;
}

H1{
	font-family: "Courier New";
	font-size: 28px;
	font-weight: bold;
	color: #006201;
}

H2{
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FF7039;
}

/*Menu déroulant*/
.bloc-menu{
	position: absolute;
	width: 952px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
background-color: Black;
margin-left: -29px;
left: 0;
z-index:100;
width: 950px;
height: 41px;
}
#dl-pt{
float: left;
background-color: #FFA500;
}
#menu dl {
float: left;
width: auto;
height: 36px;
margin: 2px 3px;
font-family: "Courier New";
font-size: 13px;
color: #ffc;
font-weight: bold;
}
#menu dt {
cursor: pointer;
}
#dt-pt {
cursor: pointer;
width: 160px;
line-height: 30px;
text-align: center;
font-size: 20px;
color: #ffc;
}
#menu dd {
border: 1px solid gray;
}
#dd-pt {
border: 1px solid gray;
text-align: center;
}
#menu li {
background-color: #FFA500;
text-align: left;
margin-left: 3px;
}
#menu li a, #menu dt a {
color: #A40000;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
}
#dt-pt a:hover, #dl-pt a:hover, #dd-pt a:hover{
color: #005701;
height: 36px;
}
#menu li a:hover, #menu dt a:hover {
background: #FFE1AE;
}

a {text-decoration: none;
color: black;
color: #222;
}
/* Fin menu déroulant*/

/*Moteur de recherche*/
#moteur{
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: bolder;
}

/*Boites 3D*/
/*ORANGE*/
.raised {
	background: transparent; 
	width:930px; 
	margin-top: 50px;
	margin-left: -20px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #006201;
}
.raised h1, .raised p {margin:0 10px; text-align: center;}
.raised h1 {font-size:28px; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ffb253; border-left:1px solid #fff; border-right:1px solid #ffd7a6;}
.raised .b3 {background:#ffb253; border-left:1px solid #fff; border-right:1px solid #ffc379;}
.raised .b4 {background:#ffb253; border-left:1px solid #fff; border-right:1px solid #ffa331;}
.raised .b4b {background:#ffb253; border-left:1px solid #ffd7a6; border-right: 1px solid #ff8c00;}
.raised .b3b {background:#ffb253; border-left:1px solid #ffc379; border-right:1px solid #ff8c00;}
.raised .b2b {background:#ffb253; border-left:1px solid #ffa331; border-right:1px solid #ff8c00;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#ff8c00;}
.raised .boxcontent {display:block;  background:#ffb253; border-left:1px solid #fff; border-right:1px solid #ff8c00;}

/*VERTE*/
.raised2 {

	background: transparent; 
	width:900px; 
	margin-left: 0px;
	margin-top: 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #006201;
}
.raised2 h1, .raised2 p {margin:0 10px;}
.raised2 h1 {font-size:1em; color:#fff; letter-spacing:1px;}
.raised2 p {padding-bottom:0.5em; text-align: center;}

.raised2 .top, .raised2 .bottom {display:block; background:transparent; font-size:1px;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b4, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b, .raised2 .b4b {display:block; overflow:hidden;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b {height:1px;}
.raised2 .b2 {background:#00c802; border-left:1px solid #fff; border-right:1px solid #b2ffb3;}
.raised2 .b3 {background:#00c802; border-left:1px solid #fff; border-right:1px solid #42ff43;}
.raised2 .b4 {background:#00c802; border-left:1px solid #fff; border-right:1px solid #00a101;}
.raised2 .b4b {background:#00c802; border-left:1px solid #b2ffb3; border-right: 1px solid #007b01;}
.raised2 .b3b {background:#00c802; border-left:1px solid #42ff43; border-right:1px solid #007b01;}
.raised2 .b2b {background:#00c802; border-left:1px solid #00a101; border-right:1px solid #007b01;}


.raised2 .b1 {margin:0 5px; background:#fff;}
.raised2 .b2, .raised2 .b2b {margin:0 3px; border-width:0 2px;}
.raised2 .b3, .raised2 .b3b {margin:0 2px;}
.raised2 .b4, .raised2 .b4b {height:2px; margin:0 1px;}
.raised2 .b1b {margin:0 5px; background:#007b01;}
.raised2 .boxcontent {display:block;  background:#00c802; border-left:1px solid #fff; border-right:1px solid #007b01;}

/*ROUGE*/
.raised3 {
	background: transparent; 
	width:450px; 
	margin-left: 200px;
	margin-top: 20px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.raised3 h1, .raised3 p {margin:0 10px;}
.raised3 h1 {font-size:18px; color: #FFD700; letter-spacing:1px;}
.raised3 a {text-decoration: none; color: White;	color: #fff;}
.raised3 p { padding-bottom:0.5em; }

.raised3 .top, .raised3 .bottom {display:block; background:transparent; font-size:1px;}
.raised3 .b1, .raised3 .b2, .raised3 .b3, .raised3 .b4, .raised3 .b1b, .raised3 .b2b, .raised3 .b3b, .raised3 .b4b {display:block; overflow:hidden;}
.raised3 .b1, .raised3 .b2, .raised3 .b3, .raised3 .b1b, .raised3 .b2b, .raised3 .b3b {height:1px;}
.raised3 .b2 {background:#b20000; border-left:1px solid #fff; border-right:1px solid #e30000;}
.raised3 .b3 {background:#b20000; border-left:1px solid #fff; border-right:1px solid #cc0000;}
.raised3 .b4 {background:#b20000; border-left:1px solid #fff; border-right:1px solid #970000;}
.raised3 .b4b {background: #B20000; border-left:1px solid #e30000; border-right: 1px solid #790000;}
.raised3 .b3b {background:#b20000; border-left:1px solid #cc0000; border-right:1px solid #790000;}
.raised3 .b2b {background:#b20000; border-left:1px solid #970000; border-right: 1px solid #790000;}


.raised3 .b1 {margin:0 5px; background:#fff;}
.raised3 .b2, .raised3 .b2b {margin:0 3px; border-width:0 2px;}
.raised3 .b3, .raised3 .b3b {margin:0 2px;}
.raised3 .b4, .raised3 .b4b {height:2px; margin:0 1px;}
.raised3 .b1b {margin:0 5px; background:#790000;}
.raised3 .boxcontent {display:block;  background:#b20000; border-left:1px solid #fff; border-right:1px solid #790000;}

/*-----------NOIR---------------*/
/* -----Noir petit--------*/
.raised4 {
	background: transparent; 
	width:100px; 
	margin-top: 10px;
	margin-left: -20px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.raised4 h1, .raised4 p {margin:0 10px;}
.raised4 h1 {font-size:18px; color: #FFD700; letter-spacing:1px;}
.raised4 a {text-decoration: none; color: White;	color: #fff;}
.raised4 p { padding-bottom:0.5em; min-height: 15px; }

.raised4 .top, .raised4 .bottom {display:block; background:transparent; font-size:1px;}
.raised4 .b1, .raised4 .b2, .raised4 .b3, .raised4 .b4, .raised4 .b1b, .raised4 .b2b, .raised4 .b3b, .raised4 .b4b {display:block; overflow:hidden;}
.raised4 .b1, .raised4 .b2, .raised4 .b3, .raised4 .b1b, .raised4 .b2b, .raised4 .b3b {height:1px;}
.raised4 .b2 {background:#323232; border-left:1px solid #fff; border-right:1px solid #575757;}
.raised4 .b3 {background:#323232; border-left:1px solid #fff; border-right:1px solid #474747;}
.raised4 .b4 {background:#323232; border-left:1px solid #fff; border-right:1px solid #1d1d1d;}
.raised4 .b4b {background: #323232; border-left:1px solid #575757; border-right: 1px solid #000;}
.raised4 .b3b {background:#323232; border-left:1px solid #474747; border-right:1px solid #000;}
.raised4 .b2b {background:#323232; border-left:1px solid #1d1d1d; border-right: 1px solid #000;}


.raised4 .b1 {margin:0 5px; background:#fff;}
.raised4 .b2, .raised4 .b2b {margin:0 3px; border-width:0 2px;}
.raised4 .b3, .raised4 .b3b {margin:0 2px;}
.raised4 .b4, .raised4 .b4b {height:2px; margin:0 1px;}
.raised4 .b1b {margin:0 5px; background:#000;}
.raised4 .boxcontent {display:block;  background:#323232; border-left:1px solid #fff; border-right:1px solid #000;}

/* -----Noir moyen--------*/
.raised4_1  {
	background: transparent; 
	width:720px; 
	height: 40px;
	margin-top: 10px;
	margin-left: -20px;
	font-family: Verdana;
	font-size: 9px;
	text-align: center;
	color: #fff;
}
.raised4_1 h1, .raised4_1 p {margin:0 10px;}
.raised4_1 h1 {font-size:18px; color: #FFD700; letter-spacing:1px;}
.raised4_1 a {text-decoration: none; color: White;	color: #fff;}
.raised4_1 p { padding-bottom:0.5em; min-height: 10px; }

.raised4_1 .top, .raised4_1 .bottom {display:block; background:transparent; font-size:1px;}
.raised4_1 .b1, .raised4_1 .b2, .raised4_1 .b3, .raised4_1 .b4, .raised4_1 .b1b, .raised4_1 .b2b, .raised4_1 .b3b, .raised4_1 .b4b {display:block; overflow:hidden;}
.raised4_1 .b1, .raised4_1 .b2, .raised4_1 .b3, .raised4_1 .b1b, .raised4_1 .b2b, .raised4_1 .b3b {height:1px;}
.raised4_1 .b2 {background:#323232; border-left:1px solid #fff; border-right:1px solid #575757;}
.raised4_1 .b3 {background:#323232; border-left:1px solid #fff; border-right:1px solid #474747;}
.raised4_1 .b4 {background:#323232; border-left:1px solid #fff; border-right:1px solid #1d1d1d;}
.raised4_1 .b4b {background: #323232; border-left:1px solid #575757; border-right: 1px solid #000;}
.raised4_1 .b3b {background:#323232; border-left:1px solid #474747; border-right:1px solid #000;}
.raised4_1 .b2b {background:#323232; border-left:1px solid #1d1d1d; border-right: 1px solid #000;}


.raised4_1 .b1 {margin:0 5px; background:#fff;}
.raised4_1 .b2, .raised4_1 .b2b {margin:0 3px; border-width:0 2px;}
.raised4_1 .b3, .raised4_1 .b3b {margin:0 2px;}
.raised4_1 .b4, .raised4_1 .b4b {height:2px; margin:0 1px;}
.raised4_1 .b1b {margin:0 5px; background:#000;}
.raised4_1 .boxcontent {display:block;  background:#323232; border-left:1px solid #fff; border-right:1px solid #000;}


/*JAUNE*/
.raised5 {
	background: transparent; 
	width:880px; 
	margin-left: 10px;
	margin-top: 70px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #A42900;
}
.raised5 h1, .raised5 p {margin:0 10px;}
.raised5 h1 {font-size:18px; color: #418400; letter-spacing:1px;}
.raised5 a {text-decoration: none; color: White;	color: #fff;}
.raised5 p { padding-bottom:0.5em; }

.raised5 .top, .raised5 .bottom {display:block; background:transparent; font-size:1px;}
.raised5 .b1, .raised5 .b2, .raised5 .b3, .raised5 .b4, .raised5 .b1b, .raised5 .b2b, .raised5 .b3b, .raised5 .b4b {display:block; overflow:hidden;}
.raised5 .b1, .raised5 .b2, .raised5 .b3, .raised5 .b1b, .raised5 .b2b, .raised5 .b3b {height:1px;}
.raised5 .b2 {background:#ffcc31; border-left:1px solid #fff; border-right:1px solid #ffde79;}
.raised5 .b3 {background:#ffcc31; border-left:1px solid #fff; border-right:1px solid #ffd146;}
.raised5 .b4 {background:#ffcc31; border-left:1px solid #fff; border-right:1px solid #ffc71c;}
.raised5 .b4b {background:#ffcc31; border-left:1px solid #ffde79; border-right: 1px solid #fbbd00;}
.raised5 .b3b {background:#ffcc31; border-left:1px solid #ffd146; border-right:1px solid #fbbd00;}
.raised5 .b2b {background:#ffcc31; border-left:1px solid #ffc71c; border-right: 1px solid #fbbd00;}


.raised5 .b1 {margin:0 5px; background:#fff;}
.raised5 .b2, .raised5 .b2b {margin:0 3px; border-width:0 2px;}
.raised5 .b3, .raised5.b3b {margin:0 2px;}
.raised5 .b4, .raised5 .b4b {height:2px; margin:0 1px;}
.raised5 .b1b {margin:0 5px; background:#fbbd00;}
.raised5 .boxcontent {display:block;  background:#ffcc31; border-left:1px solid #fff; border-right:1px solid #fbbd00;}


/*Boites flottantes*/
.boite1{
	float: left;
	width: 100px;
}
.boite2{
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	float: left;
	width: 720px;
	height: 40px;
}
.boite3{
	margin-right: -50px;
	margin-left: 5px;
	padding: 0;
	float: left;
	width: 100px;
}