/* CSS Document */
/* www.securair.net */
table#menu td img, table.typeUnite img {display: block;}
body {
background: #70B1D3 url(../img/com/body-bg.jpg) left top repeat-x;
font-family: Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
text-align: center;
}
img {border: none;}
#global {
background: white;
border: 1px solid #5D9CC5;
width: 830px;
margin: 1em auto;
padding: 0;
position: relative;
text-align: left;
}
#header {
height: 194px;
margin: 0;
padding: 0;
}
#contenu {
background: white;
/*border: 1px solid red;*/
margin: 0 auto;
padding: 0 10px;
text-align: left;
}
#version {
font-size: 12px;
position: absolute;
right: 15px;
top: 23px;
}
#pageAccueil #version {display: none;}
/********************* Le pied de page */
#pied {
border-top: 1px solid #06C;
clear: both;
color: #000;
font-size: 12px;
margin-top: 10px;
}
#pied p {
margin: 5px 10px;
}
table#menu {
width: 773px;
}
table, tr, td {
border-collapse: collapse;
border: none;
margin: 0;
padding: 0;
}
p#accueil { /* Mise en forme du texte de la page d'accueil */
line-height: 26px;
margin: 100px auto;
}

#planAcces { /* Mise en forme du plan d'acces */
margin: 10px auto;
text-align:center;
}
/********************* Les Headlines */
h1 { 
/*border: 1px solid olive;*/
color: #093;
font-size: 1.4em;
font-style: italic;
line-height: 0.1;
margin: 0;
padding: 0;
text-indent: -20000px;
}
h1.ref {
color: #093;
font-size: 1.4em;
font-style: italic;
margin: 30px 0;
text-indent: 0;
}
h1:first-letter {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
}
h1#telecharger {
color: #093;
font-size: 1.4em;
font-style: italic;
margin: 0;
padding: 20px 0;
text-indent: 0;
}
h2 {
background: #fff url(../img/puce_h3.gif) left center no-repeat;
border-bottom: 1px solid #093;
font-style: italic;
font-size: 18px;
padding-left: 20px;
width: 350px;
}
h3 {
color: #06C;
font-size: 16px;
margin: 10px 0;
text-decoration: underline;
}
/********************* Les Liens */
a {
color: #06C;
}
#accueil strong.fa a {
color: #0692C5;
font-style: italic;
text-decoration: none;
}
/********************* Les Tables */
th {
color: #333;
}
/* Mise en forme du tableau pour la presentation des photos des unites */
table.typeUnite {
/*border: 1px solid blue;*/
margin: 0 auto 20px auto;
width: 100%;
}
table.typeUnite tr td, table.typeUnite tr td p, table.typeUnite tr td p img {
margin: 5px auto;
text-align: center;
}
table.typeUnite caption {
visibility: hidden;
}

/* Mise en forme des tableaux pour les formulaires et la presentation des docs PDF  */
table#form, table#form2, table#doc {
font-size: 12px;
}

table#form, table#doc {
/*border: 1px solid red;*/
color: #000;
margin: 20px auto;
width: 70%;
}
table#form2 {
/*border: 1px solid red;*/
color: #000;
margin: 20px auto;
width: 100%;
}
table#form caption, table#form2 caption, table#doc caption {
color: #476167;
font-weight: bold;
margin: 20px auto;
text-align: center;
}

table#form th, table#form2 th, table#doc th {
background-color: #A7BDC2;
border: 1px solid #FFF;
padding: 5px;
text-align: right;
}
table#form td, table#form2 td, table#doc td {
background-color: #BACBCF;
border: 1px solid #FFF;
padding: 5px;
}
/***********************************/
/*        Phototeque               */
/***********************************/
#photo {
	width:45%;
	float:left; 
	margin-left:5%;
}
table.phototeque {
border: 1px solid #CCC;
border-collapse: separate;
border-spacing: 4px;
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
text-align: center;
width: 650px;
}
table.phototeque td {
border: 1px solid #FFF;
margin: 0;
padding: 0;
vertical-align: top;
width: 25%;
}
table.phototeque caption {
text-indent: -10000px;
}
/* Fiche */
#pageOutil h2, #pageAccessoire h2 {
background-image: none;
font-style: normal;
padding: 0;
}
#ficheLeft {
float: left;
width: 350px;
}
#ficheRight {
float: right;
width: 435px;
}
/* Phototheque */
.photo {
background: #FFF;
border: 1px solid #CCC;
float: left;
font-size: 11px;
height: 150px;
margin: 0 2px 5px;
padding: 3px;
text-align: center;
width: 150px;
}
/********************* Les Classes */
.areva { /* Mise en forme pour le logo AREVA NC */
color: #F00;
}
.bleu {color: #06F;}
.border {
border: 1px solid #000;
}
.center {
text-align: center;
}
.exp { /* Pour prendre la mise en forme d'un exposant */
font-size: 12px;
vertical-align: super;
}
.fa, strong.fa a { /* Mise en forme pour le logo FAURE Automatisme */
color: #0692C5;
font-style: italic;
}
p.first { margin-top: 0;}
.floatRight {
float: right;
}
.header {
border: none;
margin: 0;
padding: 0;
}
.imgFloatLeft {
float: left;
margin: 0 10px 0 0;
}
.margeAuto {
margin: 0 33%;
}
.mention {
font-size: 12px;
}
.obligatoire {
color: #003366;
}
.resume {
font: italic normal 22px "StoneSans", Arial, Helvetica, sans-serif;
text-align: center;
}
.right {
text-align: right;
}
.separateur {
clear: both;
visibility: hidden;
}
.sr { /* Mise en forme pour le logo SECUR'AIR */
color: #006;
font-style: italic;
}
.symbChim { /* Pour prendre la mise en forme d'un symbole chimique */
font-size: 12px;
vertical-align: sub;
}
/********************* Formulaires */

/* Mise en forme de l'info legale pour le formulaire */
p.formInfo {
font-size: 12px;
margin: 10px auto;
text-align: center;
width: 70%;
}

/* pour les 3 pages de reponses au formulaire de contact
ok.html err.html alert.html
 */
#reponseForm {
margin: 100px 20px;
}
#reponseForm input {
width: 150px;
}
/********************* Referencement */
#referencement {
margin: 1em auto;
width: 800px;
}
#referencement, #referencement a {
color: #CCC;
font-size: 9px;
}