/* CSS Document */

* {
	margin:0;
	padding:0;
	z-index:1;
}

b {
	font-size:13px;
}

.lineclear{
	height:1px;
	clear:both;
}

.display{
	display:none;
}

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

html {
	background-color:#00124e;
}

.gauche {
	background-image:url(images/bgl.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

.droite {
	background-image:url(images/bgr.jpg);
	background-repeat:no-repeat;
}

.ban {
	height:259px;
}

.logo {
	float:left;
	width:280px;
	height:228px;
}

.slogan {
	height:228px;
	float:left;
	width:702px;
	margin: 0 -5px 0 0;
}

.nav {
	height:31px;
	margin: -1px -5px 0 0;
}

.nav a {
	text-decoration:none;
	display:block;
	float:left;
	height:31px;
}

.nav a span {
	visibility:hidden;
}

.nav a.accueil, .nav a.accueil-on {
	background-image:url(images/accueil.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:145px;
}

.nav a.philosophie, .nav a.philosophie-on {
	background-image:url(images/philosophie.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:140px;
}

.nav a.services, .nav a.services-on {
	background-image:url(images/services.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:140px;
}

.nav a.informations, .nav a.informations-on {
	background-image:url(images/informations.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:140px;
}

.nav a.rejoignez, .nav a.rejoignez-on {
	background-image:url(images/rejoignez.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:138px;
}

.nav a.partenaires, .nav a.partenaires-on {
	background-image:url(images/partenaires.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:141px;
}

.nav a.contact, .nav a.contact-on {
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:138px;
}

.nav a.accueil:hover, .nav a.philosophie:hover, .nav a.services:hover, .nav a.informations:hover, .nav a.rejoignez:hover, .nav a.partenaires:hover, .nav a.contact:hover, 
.nav a.accueil-on, .nav a.philosophie-on, .nav a.services-on, .nav a.informations-on, .nav a.rejoignez-on, .nav a.partenaires-on, .nav a.contact-on {
	background-position:bottom;
}

.page {
	width:808px;
	float:left;
	position: relative;
}

.lat {
	float:left;
	width:150px;
	z-index: 100;
	position: relative;
	height: 730px;
	padding: 0 0 0 20px;
}

.lat img {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 30px;
}

.footer {
	background-image:url(images/footer.jpg);
	background-repeat:repeat-x;
	height:63px;
	margin: 40px 0 0 0;
}

.foot {
	margin:0 auto;
	width:939px;
	position: relative;
	text-align: center;
	padding: 5px 0 0 0;
}

.foot p, .foot p a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.foot p span, .foot p a:hover {
	color:#ff0000;
}

.navbottom {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	color:#ff0000;
	text-align:center;
	position: absolute;
	top: -25px;
	left: 40px;
	z-index:100;
}

.navbottom a {
	color:#001342;
}

.navbottom a:hover {
	color:#ff0000;
}

.logowebipro {
	position:absolute;
	bottom:-120px;
	left:300px;
	text-align: center;
	padding: 0 0 20px 0;
}

#logowebi {
	margin: 0 0 5px 0;
}

.logowebipro p {
	display:block;
	width: 300px;
}

.titre1 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	font-style: italic;
	color: #ff0000;
	padding: 20px 0 0 30px;
}

.titre5 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	font-style: italic;
	color: #ff0000;
	padding: 20px 0 0 30px;
}

.txt2 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color: #00124e;
	padding: 10px 0 0 0px;
}

hr {
	background-color:#FFFFFF;
	border:none;
	border-bottom:dotted 1px #9db2c7;
	margin:8px 0 8px 0;
}

p {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	color:#00124e;
}

p a {
	color:#FF0000;
}

p a:hover {
	color:#00124e;
}

.txt1 {
	font-size:13px;
	font-weight:bold;
}

.txt3 {
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 30px;
}

strong {
	color: #ff0000;
}

ul {
	padding:10px 0 10px 30px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
}

ul li {
	color: #ff0000;
}

ul li span {
	color:#00124e;
}

.blocbleu {
	width:808px;
	background-image:url(images/index-1_24.jpg);
	background-repeat:repeat-y;
	position: relative;
	margin: 20px -50px 0 0;
}

.blocbleu2 {
	width:560px;
	background-image:url(images/services_05.jpg);
	background-repeat:repeat-y;
	position: relative;
	float: left;
	margin: 20px 0px 0 -25px;
	display: inline;
}


.titre2 {
	width:808px;
	height:50px;
	background-image:url(images/index-1_22.jpg);
	background-repeat:no-repeat;
}

.titre2 p, .titre2 h2 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding: 10px 0 0 120px;
	font-style: italic;
	font-weight: normal;
}

.titre3 {
	width:560px;
	height:50px;
	background-image:url(images/bloc2_03.jpg);
	background-repeat:no-repeat;
}

.titre3 p {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding: 7px 0 0 120px;
	line-height: 16px;
	font-style: italic;
}

.titre4 {
	width:560px;
	height:50px;
	background-image:url(images/bloc2_03.jpg);
	background-repeat:no-repeat;
}

.titre4 p, .titre4 h2 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding: 15px 0 0 120px;
	line-height: 16px;
	font-style: italic;
	font-weight:normal;
}

.basblocbleu {
	background-image:url(images/index-1_26.jpg);
	height:20px;
	margin: 0 0 -1px 0;
}

.basblocbleu2 {
	background-image:url(images/bloc2_07.jpg);
	height:20px;
	background-repeat: no-repeat;
	margin: 0 0 -1px 0;
}

#decoblocbleu {
	position:absolute;
	top:0;
	right:0;
}

.txtbb1 {
	display:block;
	height:115px;
}

.txtbb10 {
	display:block;
}

.txtbb1 p {
	padding:10px 220px 0 100px;
	text-align: justify;
}

.txtbb10 p {
	padding:10px 40px 0 100px;
	text-align: justify;
}

.txtbb1 p.txtalignright, .txtalignright0 {
	text-align:right;
}

.txtbb2 {
	display:block;
	padding: 10px 50px 10px 100px;
}

.txtbb2 p {
	text-align: justify;
}

.txtbb2 p.txtalignright {
	text-align:right;
}

.txtbb2 p.txtaligncenter {
	text-align:center;
}

.blocphilo {
	display:block;
	width:206px;
	height:275px;
	background-image:url(images/philo_03.jpg);
	background-repeat:no-repeat;
	float: left;
	padding: 30px;
	margin: 0 3px 0 0;
}

.blocphilo p {
	line-height:14px;
	text-align: justify;
}

.blocservice0 {
	width:800px;
	background-image:url(images/bloc3_10.jpg);
	background-repeat:repeat-y;
	float: right;
	margin: 20px 0 0 0;
	display:inline;
}

.blocservice0 p {
	text-align: justify;
	font-size: 12px;
}

.blocservicecontent0 {
	display:block;
	background-image:url(images/bloc3_03.jpg);
	background-repeat:no-repeat;
	float: left;
	padding: 30px 30px 10px 30px;
}

.blocservice {
	width:266px;
	background-image:url(images/bloc3_100.jpg);
	background-repeat:repeat-y;
	float: right;
	margin: 20px 0 0 0;
	display:inline;
}

.blocservice p {
	text-align: justify;
	font-size: 11px;
	line-height: 12px;
}

.blocservicecontent {
	display:block;
	background-image:url(images/bloc3_030.jpg);
	background-repeat:no-repeat;
	float: left;
	padding: 30px 30px 10px 30px;
}

#perso {
	position:absolute;
	top:-260px;
	right:-180px;
	z-index: 0;
}

.blocservicefoot0 {
	background-image:url(images/bloc3_14.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:5px;
	background-position: bottom left;
}

.blocservicefoot {
	background-image:url(images/bloc3_140.jpg);
	background-repeat:no-repeat;
	width:266px;
	height:5px;
	background-position: bottom left;
}

.col1 {
	float:left;
	width: 532px;
	margin: 0;
	padding: 0 0 0 0;
}

p.puce {
	display:block;
	background-image: url(images/puce_15.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	background-position: 0 4px;
}

#photo {
	float:left;
	margin: 0 20px 20px 0;
}

ul li.puceronde {
	list-style-type: circle;
	font-size: 20px;
	color: #00124e;
	line-height: 14px;
	margin: 0 0 0 30px;
}

ul li.puceronde span {
	font-size:12px;
}

#photo4 {
	float:right;
}

#partenaire {
	margin:5px 0 0 -30px;
}

.guillemet {
	display:block;
	margin:0 auto;
	width: 500px;
	background-image: url(images/guigui_03.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 115px;
	font-size: 18px;
	font-weight: bold;
	padding: 25px 0 0 0;
	text-transform: uppercase;
}

#interface {
	float:right;
}

p.blocinterface {
	display:block;
	float:left;
	width:200px;
	margin: 30px 0 0 0;
}

#donut {
	float:right;
	margin: -20px 0 10px 0;
}

#donut2 {
	float:right;
	margin: 0px 0 10px 20px;
}

a.color1 {
	color:#00124e;
}

a.color1:hover {
	color:#FF0000;
}

#logofree {
	margin:0 0 0 20px;
}

.relat00 {
	position:relative;
	width: 1px;
	float: right;
}

.relat00 img {
	position:absolute;
	right: 0px;
	top: -40px;
}

/*	formulaire de contact    	 */

#message {
	width: 670px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#message label {
	display: block;
	border: none;
	margin: 8px 0px 0px;
	padding: 1px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #00124e;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
#message label span {
	display:block;
	width:250px;
	float:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
#message label span.txylabel {
	display:block;
	float:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	width: 30px;
	margin: 0 5px 0 0;
}
#message label span.txylabel2 {
	display:block;
	float:left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	width: auto;
	margin: 0 8px 0 8px;
	padding: 0 0 0 0;
}

#message label span.txylabel3 {
	display:block;
	font-family: "Trebuchet MS", Arial, sans-serif;
	width: 300px;
	padding: 0 10px 0 10px;
}

#message label span.txylabel2 input {
	margin:0 0 0 0;
}

#message .entree {
	background: #fff;
	line-height: 11px;
	padding: 0;
	border: solid 1px #989ba2;
	font-size: 10px;
	float: left;
}
#message .area {
	height: 80px;
	width: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#message #Envoyer {
	display: block;
	width: 96px;
	border: none;
	margin: 0px;
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background-image: url(images/envoie_11.jpg);
	background-repeat: no-repeat;
	height: 51px;
	float: right;
	background-color: #FFFFFF;
}

/*.selectliste1 {
	with:18px;
}*/

SELECT {
	float:left;
	margin: -4px 0 0 0;
}

SELECT.quatre {
	display:block;
	margin: 5px 0 0 40px;
	width: 500px;
}

#txtaccor, #txtaccor2, #txtaccor3 {
	display:none;
	border: solid 1px #BCDCDB;
	padding: 10px;
}

.table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

.table .bg1 {
	background-color:#BCBCBC;
}

.table .bg2 {
	background-color:#AEE3AE;
}

.table .bg3 {
	background-color:#FFC1A4;
}

.floatr {
	float:right;
}

.bloctxt {
	width:290px;
	float:left;
	padding: 20px 0 0 30px;
	text-align: justify;
}

.bloctxt p {
	font-size: 18px;
}

.lable2 {
	float:left;
	width:200px;
}

.lable3 {
	float:left;
	width:450px;
}

.lable2a {
	float:left;
	width:250px;
}

.lable3a {
	float:left;
	width:400px;
}

.lable2b {
	float:left;
	width:210px;
}

.lable3b {
	float:left;
	width:440px;
}

#message label.date1 {
	float:left;
	width:338px;
	padding-left: 0px;
	padding-right: 0px;
}

#message label.date0 {
	float:left;
	width:54px;
	padding-left: 0px;
	padding-right: 0px;
}

#message label.date {
	float:left;
	width:65px;
	padding-left: 0px;
	padding-right: 0px;
}

#message label.date2 {
	float:left;
	width:90px;
	padding-left: 0px;
	padding-right: 0px;
}

.txtbb10 .rre {
	padding-right:230px;
}

.interre {
	float:left;
	width:330px;
}