@charset "utf-8";
/* Cascading Style Sheets (c) Profilhom */

/* Global */
html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}
body {
background:#FFF;
margin:auto 10px auto 10px;
font-family: Arial, Helvetica, Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
color:#11678C; /* bleu foncé */
}

img { margin:0; padding:0; border:none; }
a img{ margin:0; padding:0; border:none; }

a { color: #11678C; text-decoration:none; } /* bleu foncé */
a:link { color: #11678C; text-decoration:none; } /* bleu foncé */
a:visited { color: #11678C;  text-decoration:none; } /* bleu foncé */
a:hover { color:#48CCF0; text-decoration:none; } /* bleu turquoise */
a:active { color:#11678C; text-decoration: none; } /* bleu foncé */

/* Tableaux et cells */
td { vertical-align:text-top; border-bottom:1px solid #ccc; padding:3px; }
td, th { font-size:13px; }
table { margin-top:3px; }

/* Header */
#header {
width:1024px;
height:268px;
margin:0 auto;
}

/* Main content */
#mainContent {
top:0;
background:url(../imgs/background.png) 0 -50px no-repeat; /* logo en transparence dans le fond */
width:1024px;
height:736px;
margin:0 auto;
}

/* Titles */
.title {
color:#48CCF0; /* bleu turquoise */
font-size:medium;
}

/* Titre Gras */

strong.TitreBold {
width:200px;
display:inline-block;
}
strong.TitreBold2 {
margin-left:50px;
display:inline-block;
}
/* Contenu */

span.Contenu {
margin-left:100px;
}

/* Paragraphs  */
p {
padding:0;
font-size:13px;
margin-top:3px;
color:#11678C; /* bleu foncé */	
}

p.Borered {
font-size:13px;
color:#11678C; /* bleu foncé */
padding-top:0;
margin-top:-3px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}

p.gray {
font-size:13px;
margin-top:3px;
color:#A2A4A5; /* Gris 60% */
}

.lu, td th {
vertical-align:middle;
border-bottom:1px solid #ccc; 
padding:3px;
border-right:1px solid #ccc;
}

.norm, td th {
vertical-align:middle;
border-bottom:1px solid #ccc; 
padding:3px;
border-right:1px solid #ccc;
}

tr.norm:hover {
background-color:#eee;
}

tr.lu:hover {
background-color:#eee;
}

hr {
border-color:#ccc -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px 0pt 0pt;
height:1px;
width:80%;
margin-top:5px;
margin-bottom:5px;
margin-left:0;
margin-right:0;
}

span.retract { letter-spacing:-1px; }

/* Block avec ScrollBar */
.Scrolling {
height:155px;
overflow:auto;
margin-top:-6px;
margin-bottom:3px;
}

.rolled {
overflow:auto;
}

/* En-têtes global */
h2 {
color:#48CCF0; /* bleu turquoise */
padding:0;
margin:0;
}

h1 {
padding:0;
margin:0;
}

/* Lists */
#left h4 { padding-top:8px; padding-bottom:10px; margin:0; }
#left h5 { padding-top:10px; padding-bottom:10px; margin:0; font-weight:100; }

/* Liens list #left */
html>body #left li { border-bottom: none; }
#left ul a:link, #left ul a:visited { display: block; padding:3px 0 3px 0; /* haut, droite, bas, gauche */ } 
#left ul { list-style: none; margin: auto; padding: 0; }
#left li { margin-bottom:20px; font-size:14px; }
#sectionLinks a { display: block; color: #11678C; text-decoration:none; font-size:14px; }
#sectionLinks a:hover { color:#11678C; text-decoration:underline; } /* fond bleu turquoise, texte en blanc */
#sectionLinks a:active { color:#48CCF0; text-decoration:none; }

/* left column */
#left {
position:relative;
top:20px;
float:left;
width:185px; 
height:auto;  
}
	
/* Middle */
#middle {
position:relative;
width:700px;
margin-top:20px;
margin-left:185px;
margin-bottom:20px;
padding:0 0 0 15px; /* haut, droite, bas, gauche */
vertical-align:top;
}

#construction {
clear:both;
background:url(../imgs/logo/Profilhom_PNG24.png) 10px 10px no-repeat;
height:300px;
}

/* espacement vertical (bas de page) */
.spacer {
clear:both;
height:30px;
margin-top:5px;
margin-bottom:5px;
}

/* input, textarea.. */

input.champs {
width:400px;
vertical-align:middle;
font-family:Arial, Helvetica, Tahoma, Verdana, Sans-serif;
background:#FFF;
color:#11678C;
font-size:13px;
border:1px solid #ccc;
padding-left:5px;
}
input.champs:focus {
border:1px solid #000;
}

input.email {
width:200px;
vertical-align:middle;
font-family:Arial, Helvetica, Tahoma, Verdana, Sans-serif;
background:#FFF;
color:#11678C;
font-size:13px;
border:1px solid #ccc;
padding-left:5px;
}
input.email:focus {
border:1px solid #000;
}
input.email:hover {
border:1px solid #000;
}

blockquote {
margin:0;
width:400px;
height:auto;
padding:5px;
vertical-align:middle;
font-family:Arial, Helvetica, Tahoma, Verdana, Sans-serif;
background:#FFF;
color:#999999;
font-size:13px;
border:1px solid #ccc;
}

blockquote:hover {
color:#000;
border:1px solid #000;
cursor:text;
}

span.FormTxt{
font-size:13px;
}

div.block {
margin-top:30px;
width:410px;
padding-bottom:10px;
}

img.delete {
float:right;
padding:0;
margin:0;
}

textarea.comment {
width:400px;
height:150px;
text-align:left;
padding:5px;
vertical-align:middle;
font-family:Arial, Helvetica, Tahoma, Verdana, Sans-serif;
background:#FFF;
color:#11678C;
font-size:13px;
border:1px solid #ccc;
}

textarea.comment:focus {
border:1px solid #000;
}

/* div formulaire */

#formulaire {
padding-left:100px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.bottom {
clear:both;
display:block;
height:50px;
margin:30px;
}