/* Feuille CSS Le plumeau de Caro */
/*Style de base */

body{
	  font-family: Calibri, "Calibri Light", Verdana, serif;
	  text-align: center;
	  background-color: white;
	  margin: 0;

}

.global{
	 width: auto;
	 height: auto;
	 text-align: center;
    margin-left: auto;
    margin-right: auto;
}


h1{
	font-size: 34px;
	color: #2D2554;
	font-weight: bolder;
	text-align: center;
	text-decoration:none;
}


h3{
	font-size: 28px;
	color: #6C006C;
	font-weight: bold;
	text-shadow: 4px 4px 5px  #979797;
	} 

h4{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-shadow: 4px 4px 5px  #979797;
	padding-top: 10px;
}

h5{
	font-size: 26px;
	color: #8E0000;
	font-weight: bold;
	text-shadow: 1px 1px 2px  #979797;
	margin-top: 0px;
}

a{
	color: #2D2554;
	text-decoration:none;
	
}

a:hover{
	color: #8B0000;
}

.entete{
	width: 100%;
	height: 160px;
	
}

#fond_coins{
background: /*url(/images/roue_tt_pt_gche.jpg) no-repeat left top, 
url(/images/roue_tt_pt.jpg) no-repeat right top,*/
url(/images/roue_tt_pt_gche.jpg) no-repeat left bottom, 
url(/images/roue_tt_pt.jpg) no-repeat right bottom; 
}

#fond_coins_entete{
background:
url(/images/roue_tt_pt_gche.jpg) no-repeat left bottom, 
url(/images/roue_tt_pt.jpg) no-repeat right bottom; 
height: 160px;
margin-bottom: -20px;
}

.div_text1{
	margin-top: -60px;
	color: #FFC1AA;
}

#text_entete{
	width: 200px;
}

#text_entete2{
	font-size: 20px;
	color: #640000;
	font-weight: normal;
}

h2{
	font-size: 40px;
	color: #2D2554;
	font-weight: bolder;
	margin-left: -50px;
	text-shadow: 4px 4px 5px  #979797;

}

#img_entete{
	float: left;
	margin-left: 150px;
	margin-top: -20px;
	margin-right: -190px;
}


/* Blocs menu site "transition"*/
#grand_bloc_menu_site{
	width: 100%;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	color: White;
	margin-left: auto;
   margin-right: auto;
	background: rgba (187,34,34,0.2);
	background: #BB2222;
	padding: 15px 5px 10px 5xp;
	border-color: Maroon;
	border-style: solid;
	border-width: 2px;
	box-shadow: 10px 8px 22px  #3E3E3E;
	/*border-raduis: 3px;*/
}

#bloc_menu_site{
	display: inline;
	line-height: 23px;
	background: #BB2222;
	margin: 15px 5px 15px 5px;
}

#bloc_menu_site p {
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	line-height: 25px;
	margin: 15px 5px 15px 5px;
	background: #BB2222;
	color: #FF8C00;
   border-radius: 30px 0 30px 0;
   transition: all 2s;
	
}
#bloc_menu_site p:hover {
	display: inline;
	line-height: 25px;
	margin: 15px 10px 15px 10px;
   background: #FF9871;
   border-radius: 0 30px 0 30px;
   color: #000;
}
#bloc_menu_site a {
	color: #FFD199;
	text-decoration:none; 

}
#bloc_menu_site a:hover{
   color: #000;
	text-decoration:none; 
}

#bloc_menu_site_actif{
	display: inline;
	line-height: 23px;
	background: #BB2222;
	margin: 15px 5px 15px 5px;
}

#bloc_menu_site_actif p {
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	line-height: 25px;
	margin: 15px 5px 15px 5px;
	background: #FF9871;
	color: #FF8C00;
   border-radius: 0 30px 0 30px;
   transition: all 2s;
	
}
#bloc_menu_site_actif p:hover {
	display: inline;
	line-height: 25px;
	margin: 15px 10px 15px 10px;
   background: #FF9871;
   border-radius: 0 30px 0 30px;
   color: #FF8C00;
}

#bloc_menu_site_actif a {
	color: #FFD199;
	text-decoration:none; 

}
#bloc_menu_site_actif a:hover{
   color: #FFF;
	text-decoration:none; 
}
/* Fin menu site " transition "*/

/* Blocs menu page accueil seule "transition"*/
#blocs_menus_v1{
	width: 100%;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: White;
	margin-left: auto;
   margin-right: auto;
	background: rgba (187,34,34,0.2);
	background: #BB2222;
	padding: 20px 5px 15px 5xp;
	border-color: Maroon;
	border-style: solid;
	border-width: 2px;
	box-shadow: 15px 10px 12px  #3E3E3E;
	/*border-raduis: 3px;*/
}

#bloc_menu1{
	display: inline;
	line-height: 30px;
	background: #BB2222;
	margin: 20px 5px 20px 5px;
}

#bloc_menu1 p {
	display: inline;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	margin: 20px 5px 20px 5px;
	background: #BB2222;
	color: #FF8C00;
   border-radius: 30px 0 30px 0;
   transition: all 2s;
	
}
#bloc_menu1 p:hover{
	display: inline;
	line-height: 30px;
	margin: 20px 10px 20px 10px;
   background: #FF9871;
   border-radius: 0 30px 0 30px;
   color: #000;
}
#bloc_menu1 a{
	color: #FFD199;
	text-decoration:none; 

}
#bloc_menu1 a:hover{
   color: #000;
	text-decoration:none; 
}
/* fin menu page accueil */

/*page présentation */
#presentation_base1{
	width: 840px;
	height: 280px;
	margin-left: auto;
   margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#presentation_base1 p {
	font-size: 18px;
	font-weight: bold;
	color: #FFC47B;
}

#presentation_base2{
	width: 840px;
	height: 280px;
	margin-left: auto;
   margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
#presentation_base2 p {
	font-size: 18px;
	font-weight: bold;
	color: #FFC47B;
}

#bloc_presentation_haut_gche{
	width: 400px;
	height: 320px;
	float: left;
	margin-right: 20px;
	background: linear-gradient(#3E3E46, #EFEFEF);
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
}

	
#bloc_presentation_haut_dt{
	width: 400px;
	height: 320px;
	float: right;
	margin-left: 20px;
	background: linear-gradient(#3E3E46, #EFEFEF);
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
}
#bloc_presentation_bas_gche{
	width: 400px;
	height: 320px;
	float: left;
	margin-right: 20px;	
	background: linear-gradient(#EFEFEF, #3E3E46);
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
}
#bloc_presentation_bas_dt{
	width: 400px;
	height: 320px;
	float: right;
	margin-left: 20px;
	background: linear-gradient(#EFEFEF, #3E3E46);
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
}
/* fin page présentation*/

/*daciattitude*/
.bloc_dacia{
	width: 950px;
	background-image: url(../images/fond_daciattitude.jpg);
	background-repeat: repeat;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-weight: bold;
	color: #0E3780;
	text-align: left;
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
}

.bloc_dacia p {
	font-size: 18px;
	color: #0E3780;
	text-align: left;
	margin-left: 55px;
}

#img_dacia_logo{
	width: 320px;
	height: 140px;
	background-color: White;
	/*box-shadow : 15px 10px 22px #3E3E3E;*/
	margin-left: auto;
	margin-right: auto;
}
#couv{
	margin-top: 40px;
	margin-left: 750px;
	margin-bottom: -250px;
}
#olivier{
	float: left;
	margin-right: 20px;
	margin-left: 30px;
}
.img_dacia1{
	float: right;
	margin-top: -130px;
	margin-right: -60px;
}
.image_zoom{
	width: 100%;
	height: 100%;
}
.zoom {
width: 335px;
height: 269px;
}

.image_zoom img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image_zoom:hover img {
/* L'image est grossie de 150% */
-webkit-transform:scale(2.50); /* Safari et Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* Internet Explorer 9 */
-o-transform:scale(2.50); /* Opera */
transform:scale(2.50);
}

.zoom1 {
width: 322px;
height: 242px;
}

.img_zoom1 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.img_zoom1:hover img {
/* L'image est grossie de 150% */
-webkit-transform:scale(2.50); /* Safari et Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* Internet Explorer 9 */
-o-transform:scale(2.50); /* Opera */
transform:scale(2.50);
}

.zoom2 {
width: 170px;
height: 240px;
}

.image_zoom2 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image_zoom2:hover img {
/* L'image est grossie de 150% */
-webkit-transform:scale(2.50); /* Safari et Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* Internet Explorer 9 */
-o-transform:scale(2.50); /* Opera */
transform:scale(2.50);
}

/*fin dacia*/

/*SDO*/

.bloc_sdo{
	width: 950px;
	background-image: url(../images/fond_sdo2.jpg);
	background-repeat: repeat;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
}
.bloc_sdo a{
	color: Silver;
}
.bloc_sdo a:hover{
	color: #9B9B9B;
}

#img_sdo_logo{
	width: 320px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
} 
#eric{
	float: left;
	margin-left: 20px;
}
#eric p {
	float: right;
	margin-right: 20px;
	margin-left: -20px;
}
#boite1{
	float: left;
	width: 450px;
	height: 300px;
}

.zoom1 {
float: left;
margin-left: 40px;
margin-top: 30px;
width: 272px;
height: 329px;
}
.rando1_zoom1 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.rando1_zoom1:hover img {
/* L'image est grossie de 60% */
-webkit-transform:scale(1.60); /* Safari et Chrome */
-moz-transform:scale(1.60); /* Firefox */
-ms-transform:scale(1.60); /* Internet Explorer 9 */
-o-transform:scale(1.60); /* Opera */
transform:scale(1.60);
}

.zoom2 {
float: right;
margin-left: -10px;
width: 356px;
height: 249px;
}
.rando2_zoom2 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.rando2_zoom2:hover img {
/* L'image est grossie de 60% */
-webkit-transform:scale(1.60); /* Safari et Chrome */
-moz-transform:scale(1.60); /* Firefox */
-ms-transform:scale(1.60); /* Internet Explorer 9 */
-o-transform:scale(1.60); /* Opera */
transform:scale(1.60);
}

.zoom3 {
float: right;
margin-left: -40px;

width: 274px;
height: 365px;
}
.rando3_zoom3 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.rando3_zoom3:hover img {
/* L'image est grossie de 60% */
-webkit-transform:scale(1.60); /* Safari et Chrome */
-moz-transform:scale(1.60); /* Firefox */
-ms-transform:scale(1.60); /* Internet Explorer 9 */
-o-transform:scale(1.60); /* Opera */
transform:scale(1.60);
}
/*Fin SDO*/

/*Gisquette*/
.gisquette{
	width: 950px;
	margin-left: auto;
	margin-right: auto; 
}
.gisquette p {
	padding: 10px 10px 10px 20px;
	color: #333333;
	margin-left: 20px; 
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
#img_gisq{
	float: left;
	padding-right: 30px;
}

#video{
	float: right;
	width: 500px;
}

/*Fin Gisquette*/

/* Pépère*/
.bloc_pepere{
	width: 950px;
	background-image: url(../images/fond_pepere.png);
	background-repeat: repeat;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 5px 5px;
	text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px;
}
.bloc_pepere a{
	color: #000;
}
.bloc_pepere a:hover{
	color: #FFA739;
}


.bloc_fond_table{
	height: 730px;
	width: 840px;
	background-image:  url(../images/studio_photo.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
.bloc_pepere table{
	height: 370px;
	width: 540px;
	margin-left: 140px;
	margin-top: 80px;
}

.image_zoom2_2 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image_zoom2_2:hover img {
/* L'image est grossie de 150% */
-webkit-transform:scale(2.50); /* Safari et Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* Internet Explorer 9 */
-o-transform:scale(2.50); /* Opera */
transform:scale(2.50);
}

.image_zoom2_3 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image_zoom2_3:hover img {
/* L'image est grossie de 150% */
-webkit-transform:scale(2.50); /* Safari et Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* Internet Explorer 9 */
-o-transform:scale(2.50); /* Opera */
transform:scale(2.50);
}
.zoom2_3_1 {
width: 98px;
height: 173px;
}

.image_zoom2_3_1 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image_zoom2_3_1:hover img {
/* L'image est grossie de 150% */
-webkit-transform:scale(2.50); /* Safari et Chrome */
-moz-transform:scale(2.50); /* Firefox */
-ms-transform:scale(2.50); /* Internet Explorer 9 */
-o-transform:scale(2.50); /* Opera */
transform:scale(2.50);
}
/* Fin Pépère*/


/*randos et raids*/
#bloc_menu_rando{
	width: 950px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -10px;
}
#menu_rando{
	display: inline;
	height: 45px;
	padding: 2px 3px 2px 3px;
	background: #FFB89D;
	border-radius: 0 20px 0 20px;
	box-shadow : 7px 5px 8px #3E3E3E;
}
#menu_rando p {
	display: inline;
	height: 45px;
	font-weight: bold;
	color: #004001;
}
#menu_rando a {
	color: #004001;
}
#menu_rando a:hover {
	color: #001E00;
}



#rando1{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
	background-image: url(../images/fond_rando_vert.png);
	background-repeat: repeat;
	box-shadow : 15px 10px 22px #3E3E3E;
	color: #004001;
	font-size: 18px;
}
#rando1 a{
	color: White;
}
#rando1 a:hover{
	color: #D2D2D2;
}

#rando2{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond_rando_jaune.png);
	background-repeat: repeat;
	box-shadow : 15px 10px 22px #3E3E3E;
}
#rando3{
	width: 950px;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond_rando_maron.png);
	background-repeat: repeat;
	box-shadow : 15px 10px 22px #3E3E3E;
	color: #754100;
}
#rando4{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond_rando_sang.png);
	background-repeat: repeat;
	box-shadow : 15px 10px 22px #3E3E3E;
}
#rando5{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond_rando_rge.png);
	background-repeat: repeat;
	box-shadow : 15px 10px 22px #3E3E3E;
	color: #DEDEDE;
	font-size: 18px;
}
#rando5 a{
	color: White;
}
#rando5 a:hover{
	color: #D2D2D2;
}

#rando6{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/*Fin randos et raids*/

/* Aménagements */

#amenagements{
	width: 950px;
	height: auto;
	margin-top: 20px;	
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	background: -webkit-linear-gradient(#3E3E46, #EFEFEF, #3E3E46);
	background:    -moz-linear-gradient(#3E3E46, #EFEFEF, #3E3E46);
	background:     -ms-linear-gradient(#3E3E46, #EFEFEF, #3E3E46);
	background:      -o-linear-gradient(#3E3E46, #EFEFEF, #3E3E46);
	background: linear-gradient(#3E3E46, #EFEFEF, #3E3E46);
	box-shadow : 15px 10px 22px #3E3E3E;
	border-radius: 10px 10px 10px 10px;
	color: #FFD199;
	font-weight: bold;
	font-size: 18px;
	text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px;
}


/*Contact*/
.contact{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.contact p {
	color: #8B0000;
	font-size: 16px;
}

form{
	color: #8B0000;
	text-shadow : 2px 2px 5px #3E3E3E;
	  
}
/*Fin contact*/

/*page mentions */
.mentions{
	/*background-image: url(../images/fond_briques.jpg);*/
	width: 900px;
	font-size: 14px;
	font-weight: bold;
	color: Black;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
}

#footer{
 	clear: both;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}