@charset "utf-8";
/* CSS Document */
#entete {
	background-image: url(../images/soluweb1.jpg);
	height: 224px;
}
p {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	color: #333333;
	text-align: left;
	margin: 0px;
}


#menu p a:hover {
	color: #FFF;
	text-decoration: underline;
}


#menu p.home {
	background-image: url(../none);
	padding-left: 0px;
}
#menu p a {
	color: #FFF;
	text-decoration: none;
	
}
#menu p {
	background-image: url(../images/barremenusepa.gif);
	background-repeat: no-repeat;
	padding-left: 44px;
	background-position: 0px center;
	display: inline;
	padding-right: 44px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
}
#menu  {
	margin-top: 3px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 60px;
	background-image: url(../images/barrebleue.jpg);
	height: 40px;
	background-repeat: repeat-x;
	line-height: 40px;
	
}




#piedpage {
	clear: both;
	padding-top: 15px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #666;
	height: 55px;
	background-color: #D7D7D7;
}
#bd0forma #contenubox2 {
	height: 200px;
}


.stylelienbas {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#piedpage a {
	color: #666;
	text-decoration: none;
}

#piedpage a:hover {
	text-decoration: underline;
}
body {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #3A7CAE;
	background-image: url(../images/fond1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}



#container {
	width: 960px;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-right: auto;
	padding: 10px;
}
#centre  {
	margin-bottom: 3px;
	padding-top: 10px;
	padding-left: 0px;
}
html {
height:101%;
}
.textesurbillant {
	color: #333333;
	font-weight: bold;
}
#bd1, #bd2, #bd3 , #bd4{
	float: left;
	width: 225px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#bd1, #bd2 , #bd3{
	margin-right: 20px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: center;
}
#bd1crea   , #bd2crea, #bd3crea{
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-bottom: 20px;
	width: 63%;
	margin-left: 10px;
}
#bd1forma   , #bd2forma, #bd3forma{
	float: left;
	width: 32%;
	margin-top: 10px;
	margin-bottom: 20px;
}
#bd1forma, #bd2forma {
	margin-right: 2%;
}


#bd1crea ul   , #bd2crea ul, #bd3crea ul{
	color: #333333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 40px;
	list-style-type: none;
}
#bd1crea li   , #bd2crea li, #bd3crea li{
	background-image: url(../images/pucemaron.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 12px;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}
#bd4crea   {
	float: right;
	width: 33%;
	margin-right: 10px;
	background-repeat: no-repat;
}
#bd4crea #encart {
	height: 292px;
	width: 210px;
	background-image: url(../images/fleurs2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding-left: 106px;
	padding-top: 60px;
}

.licouleur {
	color: #333333;
}
#bd4crea p   {
	margin-left: 1px;
	margin-bottom: 6px;
}

#formationimage   {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.textesurbillantbleu {
	color: #075995;
}
#bd0communication {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#bd0crea {
	margin-left: 30px;
	height: 210px;
	margin-right: 30px;
}
#bd0crea #contenubox2 {
	height: 160px;
}

#animbas {
	height: 500px;
}

.titre {
	font-size: 1.5em;
	color: #666;
	margin-bottom: 0.6em;
	padding-top: 0em;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#bd0forma {
	margin-left: 30px;
	clear: both;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #064E82;
}
#form1 #Envoyer {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color: #FF9900;
	background-image: url(../images/fondorangetitre.jpg);
	height: 26px;
	width: 80px;
	cursor: pointer;
	border: 1px solid #2972A7;
}
#form1 #Envoyer:hover {
	background-image: url(../images/fondbleu26.jpg);
	color: #FFFFFF;
}
.reduit {
	font-size: 16px;
	margin-left: 160px;
}
#contact {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#contact #contenubox2 {
	height: auto;
}

.floatleft {
	float: left;
	margin-right: 30px;
}
#droitecontact {
	float: left;
	width: 680px;
}
#clear {
	clear: both;
}

			
		.movie {
				width: 100%;
				height: 100%;
			}
			div.movie {
	width: 100%;
	height: 400px;
	text-align: center;
	clear: both;
	background-image: url(../images/fondcreaweb.jpg);
	margin-bottom: 20px;
			}
.centre {
	text-align: center;
}

			div.code {
				font: 10pt Verdana, sans-serif;
				overflow: auto;
				border: 1px solid #333333;
				padding: 3pt;
				margin: 0pt 0pt 3pt 0pt;
			}
#boite {
	display: none;
}
#bd0communication #contenubox2 {
	height: 270px;
}
.floatright {
	float: right;
	margin-left: 20px;
}

#comimage {
	float: right;
	margin-right: 15px;
	margin-left: 5px;
}
#Image3 {
	margin-top: 10px;
}
#formcontact {
	margin-left: 50px;

}
.valeur {
	font-size: 1.2em;
}
#attente {
	background-color: #FFF;
	left: 50%;
	top: 200px;
	position: absolute;
	text-align: center;
	padding: 20px;
	width: 300px;
	margin-left: -150px;
	filter: Alpha(Opacity=100);
	opacity : 1;
	visibility: hidden;
}
#divtotal {
	background-color: #000;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity : 0.75;
	filter: Alpha(Opacity=75);
	visibility: hidden;
}
#viadeo {
	float: right;
}