.bordure {
	border: 2px solid #FFFFFF;
}
A.vertical {
	DISPLAY: block;
	COLOR: #FFFFFF;
	Font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding: 0px 0px 0px 3px;
	width: auto;
	height: 16px;
	background: #CC0000;
}
A.vertical:hover {
	color: #FFFFFF;
	background: #A42B58;
}
.titre {
	font:italic bold 14px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(./img/fond_titre.html) left top repeat-x;
	border: 1px solid #FFFFFF;
}
.important {
	font:bold 13px Geneva, Arial, Helvetica, sans-serif;
	color: #FF9900;
}
.fond_body {
	background-image: url(../img/body.jpg);
	background-repeat: repeat-y;
}div#integration {
	font: 1.2em Geneva, Arial, Helvetica, sans-serif;
	color:#626166;
	padding: 12px;
	margin-left: 32px;
	width: 660px;
}
div#popup {font: 0.9em "Trebuchet MS"; color:#ffffff; padding: 10px;}
table#type1 td {font-size: 0.8em; font-family:Georgia, "Times New Roman", Times, serif; color:#00a8e2;}
.element_centrer {text-align: center;}
.element_liste {list-style-image:url(../img/puce.gif);}
.element_liste ul {list-style-image:url(../img/puce2.html);}
.element_flottant_droite {float: right;}
.element_flottant_gauche {float: left;}
#up {padding: 0px 15px 0px 150px;font-size: 0.8em;color: #2B628E;font-family:tahoma;text-align: left;float: right;}
a{color:#00a8e2;}
a:hover{color:#333333;}
/*h2 {letter-spacing: 6px;font-size:1.1em; border-bottom:1px solid #ff6600; text-align:right;}*/
h2 {
	letter-spacing: 6px;
	font-size:1.4em;
	text-align:right;
	color:#00C;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
h2:first-letter {
	color:#FFFFFF;
	font-size:1.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-size:1em;
	color: #FFFFFF;
	background-image: url(../img/fond_h3.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	height: 30px;
	padding-top: 6px;
}
hr { clear:both; color:#666666;}
div#encart {
	display:block;
	width:390px;
	margin-left:100px;
	padding:6px 2px 6px 8px;
	color: #00a8e2;
	text-align: left;
	background-image: url(../img/fond_encart1.gif);
	height: 200px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div.paragraphe {
	border-left: 8px double #99CC00;
	padding-left:14px;
}
div.paragraphe2 {
	border-right: 8px double #99CC00;
	padding-right:14px;
}
.td1 { background: url(../img/fond_rubrique.html) repeat-x top left; text-align:center; border:1px solid #000000; border-bottom:none;}
.td2 {background-color:#EC6864; padding:7px;border:1px solid #000000; border-top:none;}
table#contact { background-color:#CCCCCC;}
table#contact p { color:#000000;}
table#contact input, textarea { background-color:#FFFFFF; color:#000000;}
#retour {font-size: 0.9em;color: #977a68;font-family:Verdana, Arial, Helvetica, sans-serif;text-align: left;float: right; }
.retour2 { display:block; margin-top:-2px;}
.retour2 a {color:#FFFFFF;}
.retour a:hover {color:#99CC00;}
marquee {
	background:url(../img/fond_marquee.html) repeat-x;
	width:600px;
	border: 1px solid #000000;
	color:#990000;
	
}
.transparent {
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;}
.bouton {font-family: trebuchet, arial, sans-serif; font-size : 10px; font-weight : bold;}
.mention {font-style: italic; font-size:10px;}
dt { font-weight:bold;}
.fleche {
	background-image: url(../img/fleche.html);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.liste_droite { width: 200px;
text-align: left;
padding: 20px;
float: left;
margin-right: 2em;}
.liste_droite dd {
	background-image: url(../img/fleche.html);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
p.clear { clear:left;}
blockquote {
	color:#EF7601;
	font-style: italic;
	width: 270px;
	font-size: 1em;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	font-weight: bold;

}
cite {
	background-image: url(../img/guillemet2.html);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 26px;
}
dl.ref { 
	width:230px;
	margin-left:10px;
	float:left;}
dd span {
float:right;
margin-right:30px;
font-weight:bold;

}
#fermer {
	padding: 0px 15px 0px 150px;
	font-size: 1 em;
	color: #2B628E;
	font-family:tahoma;
	text-align: left;
}
#tableau_tarif td { height:50px;}
#tableau_tarif th {
	background:#B2635F;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:14px;
	letter-spacing:4px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#tableau_tarif tr.ligne td {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6D071A;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6D071A;
}
.vignette  a{border: 2px solid #DC942E; margin-right:10px;display: table-cell;}	
.vignette a:hover {border: 2px solid #fff}
.vignette a:active {border: 2px solid #ffcc66}
div.gauche {
	float: left;
	width: 300px;
}
div.droite {
	float:left;
	width: 300px;
	margin-left: 20px;
	clear: right;
	text-align: justify;
}

.bande_gauche {
	background-color:white;
	background-image: url(fond_gauche.jpg);
	background-repeat:repeat-y;
}

.corps {
	background-color: #00a8e2;
}

/* tableau prestations de services */

#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 10px 0;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#tableau th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;
}
#tableau td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #e8edff url('http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/s1600/gradback.png') repeat-x;
}
#tableau tfoot tr td {
    background: #e8edff;
    font-size: 16px;
    color: #99c;
    text-align:center;
}
#tableau tbody tr:hover td {
    background: #d0dafd url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x;
    color: #339;
}
#tableau a:hover {
    text-decoration:underline;
}

/*feuille de style contact formulaire */

/*body {
	background:url(images/bg1.jpg) 100%;
	margin:0;
	padding:0;
}*/
#formulaire {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	width:530px;
	margin-left:auto;
	margin-right:auto;
}
#formulaire input, #formulaire textarea {
	width:100%;
	font-family:inherit;
	padding:5px;
	border:1px solid #09F;
}
#formulaire textarea {
	height:100px;
	border:1px solid #09F;
}
#send_message {
	width:200px !important;
	font-variant: small-caps;
	border:1px solid #09F;
	cursor:pointer;
	cursor:hand;
}
#cf_submit_p {
	text-align:right;
}
.error {
	display: none;
	padding:5px;
	margin-bottom:2px;
	color: #D8000C;
	font-size:12px;
	background-color: #FFBABA;
	border:1px solid #F00;
	width:530px;	
}
.success {
	display: none;
	padding:5px;
	color: #044406;
	font-size:12px;
	background-color: #B7FBB9;
	width:530px;	
}
#contact_logo {
	vertical-align: middle;
	color: black;
}
.error img {
	vertical-align:top;
}

/*------*/

.acceuil_bas {
	background-image:url(acceuil_bas.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-right: 200px;
}

#fond_acceuil {
	background-image:url(fond_acceuil_div.jpg);
	margin-left:400px;
	background-repeat:no-repeat;
}

.img_acceuil {
	margin-right:210px;
}




/* slideshow */

#cadre {
	width: 850px;
	border-style : none;
	border-width: thin ;
	padding-left: 150px;
}

.slideshowlite {
    border: 1px solid #111111;
    overflow: hidden;
    position: relative;
}
.slideshowlite a {
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.slideshowlite img {
    border: medium none;
}
.slideshowlite ul, .slideshowlite ol {
    bottom: 5px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    z-index: 3;
}
.slideshowlite ul li, .slideshowlite ol li {
    float: left;
    margin: 0 3px;
    width: 16px;
}
.slideshowlite ul li a {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #666666;
    color: #666666;
    display: block;
    font-size: 11px;
    height: 14px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.slideshowlite ul li a.current {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #111111;
    color: #111111;
    font-weight: bold;
}
.slideshowlite ul li a:hover {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}
.slideshowlite ol {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 14px;
    overflow: hidden;
    padding: 3px 10px;
    position: relative;
    top: 5px;
    width: 100%;
}
.slideshowlite ol li {
    width: 100%;
}

<!-- dosier ps version beta -->

h1   { color: gray; font-weight: normal; font-size: 20px; font-family: Verdana, Arial }
h2 { color: purple; font-size: 16px; font-family: Arial, Helvetica, sans-serif }

.blueborder {
	border-top: 1px solid #03f;
	border-bottom: 1px solid #03f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.blackborder { font-size: 11px; font-family: Verdana, Arial, "Arial Black", "Trebuchet MS"; margin-top: 0px; margin-bottom: 0px; border: solid 1px black }

.faqquestions
{

						color: #000000; 
						font-style: normal; 
						font-weight: bold; 
						font-size: 14px; 
						font-family: Times New Roman, Times,Verdana, Arial, Helvetica, sans-serif, Arial; 

}

.faqbignletter
{
						color: #000000; 
						font-style: normal; 
						font-weight: normal; 
						font-size: 14px; 
						font-family: Times New Roman, Times,Verdana, Arial, Helvetica, sans-serif, Arial; 
}

.faqanswers
{
						color: #000000; 
						font-style: normal; 
						font-weight: normal; 
						font-size: 12px; 
						font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
						margin-left:30px;
						margin-right:30px;
						margin-bottom:20px;
						margin-top:10px;
						line-height:20px;
}


.header
{
						color: #000000; 
						font-style: normal; 
						font-weight: bold; 
						font-size: 12px; 
						font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
}

.copy
{
						color: #000000; 
						font-style: normal; 
						font-weight: normal; 
						font-size: 11px; 
						font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
}

a.smalllinks:link  { 
						color: #000000; 
						font-style: normal; 
						font-weight: normal; 
						font-size: 11px; 
						font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
						text-decoration: none 
					}

a.smalllinks:visited  { 
						color: #000000; 
						font-style: normal; 
						font-weight: normal; 
						font-size: 11px; 
						font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
						text-decoration: none 
					}

a.smalllinks:active  { color: #000000; 
						font-style: normal; 
						font-weight: normal; 
						font-size: 11px; 
						font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
						text-decoration: none 
					}
					
a.smalllinks:hover { color: #666666; 
					font-style: normal; 
					font-weight: normal; 
					font-size: 11px; 
					font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
					text-decoration: underline 
					}
					
a.biglinks:link {
	color: #666666;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial;
	text-decoration: none
}

a.biglinks:visited  {
	color: #666666;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial;
	text-decoration: none
}

a.biglinks:active  {
	color: #666666;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial;
	text-decoration: none
}
					
a.biglinks:hover {
	color: #666666;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial;
	text-decoration: underline
}

.border { border-right: 1px dashed #000 }
.bordersolid { border-right: 1px solid #000 }
.legal { font-size: 11px; font-family: Verdana, Arial, "Arial Black", "Trebuchet MS" }
.pad { font-family: Verdana, Arial, "Arial Black", "Trebuchet MS"; padding-left: 5px }

.padintro {
	color: #000000; 
	font-style: normal; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial; 
	font-size: 11px; 
 }

.padpopup { font-family: Verdana, Arial, "Arial Black", "Trebuchet MS"; padding-left: 30px }
.rednotes { color: red }

.nav {
	font-family: Verdana, Geneva, Sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;

}

.navon {
	font-family: Verdana, Geneva, Sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	
}

a.nav2:link {
	font-family: Verdana, Geneva, Sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.nav2:active {
	font-family: Verdana, Geneva, Sans-serif;
	font-size: 8px;
	color: #000000;
	text-decoration: none;

}

a.nav2:visited {
	font-family: Verdana, Geneva, Sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.nav2:hover {
	font-family: Verdana, Geneva, Sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.dropcap  { color: #ffffff; font: 25px/35px "Arial Black", sans-serif; background-color: #c00; float: left; margin: 0px 10px 0px 0px; padding: 0px 5px 0px 10px }

.Table1Border{

 border: #000000 1px solid;

	}


.menuItem {
	 
	border-top: solid black 1px;
	
    border-left: solid black 1px;
	
	border-bottom: solid black 1px;
	
}

.lastMenuItem {

    

    border-left: solid black 1px;

    border-right: solid black 1px;

    border-top: solid black 1px;

    border-bottom: solid black 1px;
}

.yelloborder {
	border: solid 1px #ff0
               color;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	text-decoration: none;

}
.site_border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.footerlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.footerlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}