/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
hr{ clear: both; border: none; padding: 0; margin:0; height:1px; border: 1px solid #3D0101;}

/* =Typography-----------------------------------------------------------------------------*/

html { }
body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: #3D0101 url('../img/bg.gif') repeat-x top left;  }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; color: #F6E9B4;}
h1{font-size: 180%; font-weight: normal; letter-spacing: -.02em; margin-bottom: 10px; margin-top: 5px;}
h2{font-size: 115%; font-weight: normal; letter-spacing: -.02em; margin-bottom: 10px; padding-top: 10px;}
h3{font-size: 105%; margin-bottom: 10px; margin-top: 5px;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{color: #F7B005;  text-decoration: underline;}
a:hover{ color: #F7B005; text-decoration: none;}

/* =Main Nav-----------------------------------------------------------------------------*/

#nav{ width: 860px; height: 10px; padding: 0; margin: 0 20px; margin-top:1px; border-top: 1px solid #740101; }
#nav ul{ margin: 0; margin-top:4px; padding: 0; width: 860px; list-style: none; }
#nav li { margin: 0; padding: 0; float: left; height: 40px; }
#nav li a img{ margin: 0; padding:9px 8px 9px 8px; display: block; border-right: 1px solid #940202;}
#nav li a img.first{ border-left: 1px solid #940202;}
#nav li a:hover img{ text-decoration: none; background-color: #650101;}
#nav li a.active img{ text-decoration: none; background-color: #650101;}

/* =Nav Sec-----------------------------------------------------------------------------*/

#nav-sec{ width: 150px; height: 30px; padding: 0; margin: 0; margin-right: 15px; color: #F7F7D2; float: right; }
#nav-sec ul{ margin: 0; padding: 0; list-style: none; }
#nav-sec li { margin: 0; padding: 0; float: right; height: 20px; }
#nav-sec li a { color: #F7F7D2; font-size: 75%; margin: 0 6px; padding:0; }
#nav-sec li a:hover{ text-decoration: none; }

/* =Class-----------------------------------------------------------------------------*/

.left { float: left;}
.right { float: right;}

/* =Wrap-----------------------------------------------------------------------------*/

#wrap{  }

/* =Header-----------------------------------------------------------------------------*/

#header{ width: 900px; height: 100px; padding: 0; margin: 0 auto 40px auto; border-bottom: 1px solid #AD0303;}
#top{ width: 860px; height: 60px; padding: 20px; position: relative; }
#top img{ float: left; margin-top: 8px;}
#date span{color: #F6E9B4; font-size: 75%; position: absolute; right: 19px; top:85px;}

/* =Main Content-----------------------------------------------------------------------------*/

#intern-content { width: 900px; margin:0 auto; padding:0; background-color: #730102; border: 1px solid #940202; }

#intern-content.about,
#intern-content.team,
#intern-content.cedule,
#intern-content.emplois,
#intern-content.joindre {
	background-position: top right;
	background-repeat:no-repeat;
}

#intern-content.about {
	background-image:url('../img/bg-intern-about.gif');
}
#intern-content.team {
	background-image:url('../img/bg-intern-joindre.gif');
}
#intern-content.cedule {
	background-image:url('../img/bg-intern-cedule.gif');
}
#intern-content.emplois {
	background-image:url('../img/bg-intern-emplois.gif');
}
#intern-content.joindre {
	background-image:url('../img/bg-intern-joindre.gif');
}

#index-content div#content{ width: 880px; margin:0 auto; padding:10px; background-color: #730102; border: 1px solid #940202; }

#intern-content div#content { width: 560px; padding: 20px;}
#intern-content div#content p{ font-size: 85%; color: #F3F1F1; padding: 5px 0;}
#intern-content div#content strong{color: #F6E9B4;}
#intern-content div#content ul{ font-size: 85%; color: #F3F1F1; margin: 5px;}
#intern-content div#content li{ padding: 2px; background: transparent url('../img/img-puce.gif') no-repeat left top; padding-left:12px;}

#intern-content.joindre div#content img {
	float: left; margin-right: 15px;
}
#intern-content div#realisations{ background-color:#3D0101; border-top: 1px solid #330101; padding:10px;}
#intern-content div#realisations .projet { width: 278px; float: left; padding: 0 0 20px 0; margin: 10px 5px 10px 5px; background-color: #290101;}
#intern-content div#realisations .projet .descT{ width: 95px; float: left; padding-top: 10px;}
#intern-content div#realisations .projet .descT p{ line-height: 14px; padding:1px 0; padding-left: 10px; font-weight: bold; color: #F6E9B4; margin:0; font-size: 85%;}
#intern-content div#realisations .projet .desc{ width: 175px; float: left; padding-top: 10px;}
#intern-content div#realisations .projet .desc p{ line-height: 14px; padding:1px 0; padding-right: 10px; color: #F3F1F1; margin:0; font-size: 85%;}
#intern-content div#realisations .projet a img{ border:1px solid #290101;}
#intern-content div#realisations .projet a:hover img{ border:1px solid #F7B005;}

/* =Table-----------------------------------------------------------------------------*/

table{ border: 1px solid #A10303; padding: 1px; padding-right:0; padding-bottom: 0; margin:0; background-color: #500101; color: #fff; font-size: 85%;}

td { padding: 2px 10px 2px 20px; margin:0; border-right: 1px solid #500101; border-bottom: 1px solid #500101;}
tr { padding: 0; margin:0;}
tr.first{ background: transparent url('../img/bg-first-row.gif') repeat-x bottom left; height: 40px; color: #D8D5D5; font-weight: bold;}
tr.row1{ background-color: #820403; }
tr.row2{ background-color: #690201; }

/* =Forms-----------------------------------------------------------------------------*/

form{ padding: 0; margin: 5px 0 0 0; width: 290px; float: right;}

.field { background: #650101 url('../img/bg-field.gif') repeat-x bottom left; border:1px solid #A10303; width: 115px; height: 17px; padding: 1px 0 0 5px; margin: 2px 20px 10px 0; color: #fff; }
label{ float: left; width: 135px;}
label a{ float: left; width: 135px; padding: 0; margin: 0; margin-top: -7px; clear: both; font-size: 10px; color: #F6E9B4; font-weight: bold; text-align: left; text-decoration: underline;}
label a:hover{ color: #F6E9B4; text-decoration: none;}
.infos label { font-size: 10px; color: #F6E9B4; font-weight: bold; text-align: left;}
.submit { width: 20px; height: 20px; margin-top: 15px; cursor: pointer; border: none; background: transparent url('../img/bt-send.gif') no-repeat top center; float: right; }
.submit1 { width: 80px; height: 20px; margin-top: 15px; cursor: pointer; border: none; background: transparent url('../img/bt-send-f.gif') no-repeat top center; float: left; }
.submit2 { width: 80px; height: 20px; margin-top: 15px; cursor: pointer; border: none; background: transparent url('../img/bt-send-e.gif') no-repeat top center; float: left; }

#formulaire form{ padding: 0; margin: 5px 0 0 0; width: 860px; float: left;}

.field { background: #650101 url('../img/bg-field.gif') repeat-x bottom left; border:1px solid #A10303; width: 115px; height: 17px; padding: 1px 0 0 5px; margin: 2px 20px 10px 0; color: #fff; }
label{ float: left; width: 135px;}
label a{ float: left; width: 135px; padding: 0; margin: 0; margin-top: -7px; clear: both; font-size: 10px; color: #F6E9B4; font-weight: bold; text-align: left; text-decoration: underline;}
label a:hover{ color: #F6E9B4; text-decoration: none;}
.infos label { font-size: 10px; color: #F6E9B4; font-weight: bold; text-align: left;}
.submit { width: 20px; height: 20px; margin-top: 15px; cursor: pointer; border: none; background: transparent url('../img/bt-send.gif') no-repeat top center; float: right; }

/* =Footer-----------------------------------------------------------------------------*/

#footer{ clear: both; position: relative; margin: 10px auto; padding:0; width: 900px; height: 100px; position: relative; background: transparent url('../img/bg-footer.gif') repeat-x top left; border-top: 1px solid #600101;}
#footer p{ color: #D8D5D5; font-size: 85%; padding: 10px 0 3px 20px; text-align: left;}
#footer strong{color: #F3F3C4;}
#footer span{ color: #986F6F; font-size: 75%; padding: 3px 0 3px 20px; text-align: left;}
#logo-footer { position: absolute; right:20px; top: 10px;}
#logo-footer ul li{ float: right; margin: 0 15px;}