/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#000000; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#ba753c; font-size: 12px; padding: 20px 0; font-weight: bold; }
h2 { color:#ba753c; font-size: 1.3em; }
h3 { color:#ba753c; font-size: 1.17em; }
h4 { color:#ba753c; font-size: 1em; }
h5 { color:#ba753c; font-size: 0.83em; }
h6 { color:#ba753c; font-size: 0.67em; }
p { color:#000000; font-size: 1em; }
ul, ol { color:#000000; font-size: 1em; }
li {  color:#000000; font-size: 1em; }
a { color:#000000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; }
textarea { border-width:thin; padding:3px; }
em { }
strong { }

#yzeo p { color:#fff; font-size: 1em; }
#yzeo ul, #yzeo ol { color:#fff; font-size: 1em; }
#yzeo li {  color:#fff; font-size: 1em; }
#yzeo a { color:#fff; text-decoration:underline; }
#yzeo a:hover { text-decoration:none; } /* si changement de couleur au survol */
#yzeo a:visited { } /* si changement de couleur après le clic */

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index{ position:absolute; left:0; _left:240px; top:-20px; width:100%; padding:0; color:#fff; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none;  border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#000000;  background-color:#02335B; color:#fff; }


/*inro*/
#intro p,#intro a { color:#fff;}
#intro{background:#ba753c url(../images/fond-intro.jpg) top repeat-x;}

.fix {
width: 950px;
margin: 0 auto;
}

.fixh1 {
color: #ffffff;
width: 950px;
margin:	0 auto;
}

.fix-flash {
margin-left: -20px;
}

.highslide {
	cursor: url(images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
*/
.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../images/graphics/fullexpand.gif);
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.text-left {
float: left;
width: 500px;
}

.text-right {
float: left;
padding-left: 30px;
}

.kind {
background-color: #0099FF;
color: #ffffff;
text-align: center;
font-weight: bold;
width: 120px;
height: 10px;
_line-height:0.5;
_vertical-align: sub;
}

.small {
font-size: 10px;
}


.table1 {
border-collapse: collapse;
width: 100%;
font-size: 10px;
}

.table1 tr,td {
border: 1px solid #000066;
vertical-align: middle;
padding-left: 3px;
}

.table3 {
border-collapse: collapse;
width: 100%;
font-size: 10px;
}

.table3 tr,td {
border: 1px solid #000066;
vertical-align: middle;
padding: 3px;
}

.td-width {
width: 45%;
}
.td-width1 {
width: 11%;
}

.tr-head {
background: #0099FF;
color: #ffffff;
text-align: center;
}

.tr-odd {
background: #eeeeee;
}

.tr-white {
background: #ffffff;
}

.div-1 {
float: left;
width: 100px;
padding-left: 70px;
}
.div-2 {
float: left;
width: 300px;
}
.div-3 {
float: left;
width: 85px;
padding-top: 10px;
}


.div-4 {
float: left;
padding-left: 100px;
padding-right: 30px;
}

.div-6 {
float: left;
padding-left: 70px;
padding-right: 30px;
}

.div-5 {
float: left;
width: 300px;
padding-top: 20px;
}

.table2 {
border-collapse: collapse;
width: 300px;
font-size: 10px;
height: 250px;
}

.table2 tr,td {
border: 1px solid #000066;
vertical-align: middle;
}

.img-pad {
float: left;
padding-right: 15px;
padding-left: 10px;
}
.img-pad1 {
float: left;
padding-left: 10px;
}

.img1 {
margin-top: -8px;
}

.text-left1 {
float: left;
width: 160px;
}

.text-left2 {
float: left;
width: 265px;
}
.text-left3 {
float: left;
width: 230px;
}
.img2 {
margin-left: 4px;
}

.div-h {
_height: 100px;
}
.ver {
vertical-align: middle;
}

.div-7 {
float: left;
width: 234px;
padding-right: 10px;
}

.div-8 {
float: left;
width: 240px;
margin-top: 30px;
#margin-top: 20px;
}

#b1 a.b11 { display: block; background:url(../images/gommo/fasce00_1x1.gif) no-repeat; width: 200px; height: 88px;}
#b1 a.b11:hover { background: url(../images/gommo/fasce01_1x1.gif) no-repeat; }
#b1 b11:active { background: url(../images/gommo/fasce00_1x1.gif) no-repeat; }
#b1 a.b11 span { display:none; }

#b2 a.b22 { display: block; background:url(../images/gommo/fasce00_2x1.gif) no-repeat; width: 200px; height: 88px;}
#b2 a.b22:hover { background: url(../images/gommo/fasce01_2x1.gif) no-repeat; }
#b2 b22:active { background: url(../images/gommo/fasce00_2x1.gif) no-repeat; }
#b2 a.b22 span { display:none; }

#b3 a.b33 { display: block; background:url(../images/gommo/fasce00_3x1.gif) no-repeat; width: 200px; height: 82px;}
#b3 a.b33:hover { background: url(../images/gommo/fasce01_3x1.gif) no-repeat; }
#b3 b33:active { background: url(../images/gommo/fasce00_3x1.gif) no-repeat; }
#b3 a.b33 span { display:none; }

#b4 a.b44 { display: block; background:url(../images/gommo/fasce00_4x1.gif) no-repeat; width: 200px; height: 88px;}
#b4 a.b44:hover { background: url(../images/gommo/fasce01_4x1.gif) no-repeat; }
#b4 b44:active { background: url(../images/gommo/fasce00_4x1.gif) no-repeat; }
#b4 a.b44 span { display:none; }


.colo {
color:#ba753c;
}

#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}