@charset "utf-8";
/* CSS Document */


	/* DEF */
	body{ 
		background-image:url(../img/fond.jpg); 
		background-repeat:repeat-x;
		background-attachment: fixed;
		margin:0px;
	}
	div{font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
	a {color:#00777D;}

#main {
	height: auto;
	width: 1011px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
}
#navigation {
	background-image: url(../img/fond_nav.png);
	height: 48px;
	padding-left:50px;
}

.element_menu
{
	float:left;	
   	margin-right:15px;
   	padding:11px;
	color:#FFF; text-decoration:none;
}
#colonne1 {
	float: left;
	height: auto;
	width: 580px;
	margin-left: 52px;			/*45px;*/
}
#colonne2 {
	float: left;
	height: auto;
	width: 320px;
	margin-left: 10px;
}

/* Contenu de la page */
#conteneur {
	float:left;
	background-image: url(../img/fond-page.png);
	height:auto;
	width:100%;
}

#boiteaccroche {float:left; width:910px; height:auto; clear:both; margin-left:52px; }
#boiteorange {float:left; width:198px; height:160px; padding:10px; background-image:url(../img/fd-orange.jpg); border:1px solid #CCC; color:#FFF;}
#boiteverte {float:left; width:198px; height:160px; padding:10px; background-image:url(../img/fd-vert.jpg); border:1px solid #CCC; color:#FFF; margin-left:9px; margin-bottom:30px;}
#boitebleu {float:left; width:198px; height:160px; padding:10px; background-image:url(../img/fd-bleu.jpg); border:1px solid #CCC; color:#FFF; margin-left:9px;}
#boitejaune {float:left; width:198px; height:160px; padding:10px; background-image:url(../img/fd-jaune.jpg); border:1px solid #CCC; margin-left:9px;}

#boitepresta {
	padding: 5px;
	float: left;
	height: auto;
	width: 270px;
	border: 1px solid #CCC;
	margin-right:8px;
	margin-bottom:10px;
	font-size:13px;
}
#boitepresta:hover {border:1px solid #333; cursor:pointer; }
#animation {
	float:left;
	height: 180px;
	width:auto;
	margin-left:52px;
	margin-top:10px;
}
#piedpage {
	float:left;
	width:1011px;
	height:150px;
	background-image: url(../img/fond-pied.png);
	margin-left:0px;
}


/* classes */
.bordimg1px{padding:0px; border:1px solid #CCC;}
.bordimg{padding:2px;border:2px solid #CCC;}
.bordimg2px {border:2px solid #CCC;}


.texte13Noir {font-family: Calibri, Arial, Helvetica, sans-serif; font-size:13px; }
.texte14Marron {font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px; color:#886D65; }
.texte16Noir {font-size:16px; }
.texte18Noir {font-family: Calibri, Arial, Helvetica, sans-serif; font-size:18px; }
.texte22Noir {font-family: Calibri, Arial, Helvetica, sans-serif; font-size:22px;}
.texte22Marron {font-size:22px; color:#886D65;}
.texte24blanc {font-family: Calibri, Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; }


/* liens */
.lien13Blanc{font-size:13px; color:#FFF; text-decoration:none;}
.lien13Bleu{font-size:13px; color:#008692; text-decoration:none; }
.lien13Orange{font-size:13px; color:#FD6406 ; text-decoration:none; }
.lien13Bordeaux{font-size:13px; color:#B84703; text-decoration:none; }
.lien13Marron{font-size:13px; color:#896E65; text-decoration:none; }



/* images */
img#presta{margin-bottom:10px;}
img#formation{float:left; margin-top:0px; margin-bottom:10px; margin-right:10px;}
img#formateur_titre{float:left;}
img#photo {margin-right:10px;}


#Copyright {
	float:left;
	width: 300px;
	margin-left: 70px;
	margin-top: 30px;
	color:#FFF;
	font-size:13px;
}
#fond {
	background-image: url(../img/fond-header.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
}
#actu {
	height: auto;
	width: 314px;
	border: 2px solid #CCC;
}
#actu_titre {width:284px; margin-left:5px; height:auto; background-color:#1D9FDD; padding:10px; margin-bottom:20px;}

/* Pavé Formateur */
#formateur {
	padding: 5px;
	float: left;
	height: auto;
	width: 560px;
	border: 1px solid #CCC;
	margin-bottom:10px;
}
#formateur:hover {cursor:pointer; border:1px solid #333; }
#titreformateur {float:left; width:290px; height:auto;}
#texteformateur{float:left; margin-top:10px; width:265px;}
#temoignages {
	padding: 5px;
	float: left;
	height: auto;
	width: 560px;
	border: 1px solid #CCC; margin-bottom:10px; }

/* Pied de page */
#pp_navigation {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 100px;
	margin-top:30px;
	color:#FFF;
}
#pp_ul_one{float:left; width:230px; height:auto; }
#pp_ul_one ul{display:outline;}
#pp_ul_one ul li{ list-style:circle; color:#FFF;}
#pp_ul_one ul li a {text-decoration:none; color:#FFF;}

#pp_ul_2{float:left; width:230px; height:auto;}
#pp_ul_2 ul{display:outline;}
#pp_ul_2 ul li{ list-style:circle; color:#FFF;}
#pp_ul_2 ul li a {text-decoration:none; color:#FFF;}

#pp_liens {float:left; margin-left:75px; margin-top:30px; height:auto; width:100%; margin-bottom:30px;}
#pp_liens_bloc1 {float:left; width:450px; height:auto; color:#333; font-size:13px;}
#pp_liens_bloc1 a{color:#333; text-decoration:none;}
#pp_liens_bloc1 a:hover{ background-color:#01B0BF;}
#pp_liens_bloc2 {float:left; width:450px; height:auto; color:#333; font-size:13px; margin-left:30px;}
#pp_liens_bloc2 a{color:#333; text-decoration:none;}
#pp_liens_bloc2 a:hover{ background-color:#01B0BF;}
#temoignage {
	background-color: #F2F2F2;
	float: left;
	height: 160px;
	width: 155px;
	margin-top: 10px; margin-left:10px; margin-bottom:5px;
	padding: 10px; font-size: 13px;
}
#temoignage:hover {background-color:#1D9FDD; cursor:pointer;}
#TagCloud {
	float: right;
	height: auto;
	width: 320px;
	margin-left: 10px;
	margin-top: 10px; margin-right:40px;
}
#TagCloudLinks{display:none;}
#TexteFormations {
	float: left;
	height: auto;
	width: 420px;
}

/* page formateur */
ul#lastformations {display:outline;}
ul#lastformations li {list-style:circle; color:#666;}

img#logo_formateur {float:left; margin-top:80px;}
img#rr {margin-right:10px;}

#Colonne1Page {
	float: left;
	height: auto;
	width: 160px;
}



/* Marges */
.Marge10Haut {margin-top:10px;}

 .button1 {
	/*width: 200px;*/
	height: 26px;
	line-height: 12px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	padding-left:6px;
	padding-right:6px;
	text-align: center;
	
	/* BACKGROUND GRADIENTS */
	 background: #34b7fd;
	background: -moz-linear-gradient(top, #1f76a2, #34b7fd 50%, #34b7fd 51%, #1f76a2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1f76a2), color-stop(.5, #34b7fd ), color-stop(.5, #34b7fd), to(#1f76a2));
	/* BORDER RADIUS */
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #fff;
	border-top: 1px solid #E4E4E4;
	/* TEXT SHADOW */

	 text-shadow: 1px 1px 1px black;
	/* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;

	
		}
/* WHILE HOVERED */
	.button1:hover {
		background: #1f76a2;
	 	background: -moz-linear-gradient(top, #34b7fd, #1f76a2 50%, #1f76a2 51%, #34b7fd);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #34b7fd), color-stop(.5, #1f76a2), color-stop(.51, #1f76a2), to(#34b7fd));
		cursor:pointer;
	}
	
	/* WHILE BEING CLICKED */
	.button1:active {
		-moz-box-shadow: 0 2px 6px white;
		-webkit-box-shadow: 0 2px 6px white;
	}