/*-----------------------------------------------------------------------
Feuille de style fredgentil.com
version:	1.0.0
date:		14 février 2010
/*-------------------------------------------------------------------- */

/* !Reset global */
/*-------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, ul, ol {
margin: 0 0 1em;
}

/* !Élements de base */
/*-------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #3e86c2; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: .25em solid #e3e3e3; margin-left: 1.5em; padding-left: 1.5em;}

body {
font-family: "Helvetica", Arial, Sans-serif;
font-size: 14px;
line-height:1.5em;
background: black url(img/bg.gif);
color: #eee;
padding: 0 0 15px 0;
}

span {
visibility:hidden;
}

strong {
color: #a9a9a9;
}

h1 a{
display: block;
width: 315px;
height: 60px;
position: relative;
left: 45px;
top: 35px;
}

h4 {
font-size: 26px;
margin: 10px 0 10px 0;
}

#phrase_promo {
background: transparent url(img/attention.gif) no-repeat;
padding: 10px 0 20px 45px;
margin: 0;
}

#pub_page_principale {
width: 560px;
background: transparent url(img/boite_accueil.png) no-repeat;
}

#pub_page_principale li{
font-size: 26px;
font-weight: bold;
text-align: right;
list-style-type: none;
line-height:100%;
}

h1 a:hover {
text-decoration: none;
}

#gris {
width: 960px;
background-color: #333;
left: 50%;
margin: 0 0 0 -480px;
position: relative;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
}

#header_bleu {
margin: 15px 0 0 0;
height: 121px;
background: transparent url(img/haut.gif) top center no-repeat;
}

#interieur_header_bleu {
height: 122px;
width: 960px;
left: 50%;
margin: 0 0 0 -480px;
position: relative;
}

#contenue {
width: 910px;
margin: 25px; /* Vérifier avec IE6 */
}

#interieur_contenue {
padding: 15px 25px 25px 25px;
position: relative;
background: transparent url(img/bg_contenue.png) top right no-repeat;
}

#dernieres_realisations {
}

#dedant_dernieres_realisations ul {
list-style-type: none;
background-color: #141414;
width: 100%;
height: 234px;
padding: 12px 0 0px 12px;
margin: 0 0 16px 0;
}

#dedant_dernieres_realisations li {
float: left;
margin-right: 12px;
}

#dernieres_realisations img {
border: 5px solid #1d1d1d;
}

#dernieres_realisations img:hover {
border: 5px solid #3e86c2;
}

#menu {
margin: 0;
padding: 0;
height: 38px; 
background: transparent url(img/ombre_menu.gif) top repeat-x;
width: 960px;
}

#menu ul {
margin: 0 0 0 25px;
padding: 0;
}

#menu li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}

#menu a {
margin: 0;
padding: 0;
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 38px;
text-decoration: none;
background: transparent url(img/menu.gif);
}

#menu_blog a {
width: 102px;
background-position: 0% 0px;
}

#menu_blog a:hover {
background-position: 0% -41px;
}

#menu_blog_pageblog a {
width: 102px;
background-position: 0% -41px;
}

#menu_portfolio a {
width: 136px;
background-position: -102px -0%;
}

#menu_portfolio a:hover {
background-position: -102px -41px;
}

#menu_portfolio_pageportfolio a {
width: 136px;
background-position: -102px -41px;
}

#menu_services a {
width: 132px;
background-position: -238px 0%;
}

#menu_services a:hover {
background-position: -238px -41px;
}

#menu_services_pageservices a {
width: 132px;
background-position: -238px -41px;
}


#menu_contact a {
width: 135px;
background-position: -370px 0%;
}

#menu_contact a:hover {
background-position: -370px -41px;
}

#menu_contact_pagecontact a {
width: 135px;
background-position: -370px -41px;
}

#conception_web {
width: 600px;
position: absolute;
right: 0px;
top: -15px;
background: transparent url(img/haut_nuage.gif) no-repeat top right;
}

#footer {
width: 960px;
background-color: #333;
left: 50%;
margin: 0 0 0 -480px;
position: relative;
height: 55px;
border-radius: 10px;
-moz-border-radius: 10px;
}

#footer p {
margin: 0;
padding: 17px;
text-align: center;
}

/*
DÉBUT BLOG
*/
div#container {
float:left;
margin:0 0 0 -200px;
width:100%;
}

div#content {
margin:0 0 0 200px;
}

div.sidebar {
float:right;
overflow:hidden;
width:180px;
}

div#secondary {
clear:left;
}

div#clear {
clear:both;
}
/*
FIN BLOG
*/

#liste_billets h3, #liste_portfolio h3, #interieur_contenue h3 {
font-size: 26px;
margin: 20px 0 5px 0;
padding: 0;
}

#liste_billets li, #liste_portfolio li {
list-style-type: none;
}

#liste_billets p {
margin: 0; padding: 0;
}

#liste_portfolio img {
float: right;
margin: 0 0 25px 0;
padding: 0;
border: 5px solid #1d1d1d;
}

#liste_portfolio img:hover {
border: 5px solid #3e86c2;
}

#infos_sites {
float: left;
width: 380px;
}

#infos_sites li {
margin: 15px 0 0 0;
}

#liste_sites p {
margin: 0;
padding: 0;
}

#table_tarifs {
border: white solid 2px;
width: 50%

}

#table_tarifs th {
background-color: #3776ab;
}

#table_tarifs td {
padding: 15px;
border: gray dotted 1px;
}

#liste_services ul, #liste_coordonnees {
border: gray solid 1px;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 15px 15px 15px 30px;
width: 360px;
}

#liste_services {
background: transparent url('img/boite.png') no-repeat;
background-position: 460px 0px;
}

#services_presentation {
padding: 0 0 20px 0;
}

#services_tarifs {
padding: 0px 0 0 0;
}


#services_webmobile {
background: transparent url('img/cellphones.png') no-repeat;
background-position: 600px bottom;
padding: 20px 0 0 0;
}

#services_webmobile p {
width: 550px;
}

#services_qualite {
padding: 20px 0 0 0;
}

#formulaire_contacter {
padding: 20px 0 0 0;
}

input {
padding: 3px;
background-color: #ddd;
border: solid 4px #1d1d1d;
}

input:focus {
border: solid 4px #3e86c2;
}

textarea {
padding: 3px;
background-color: #ddd;
font-family: "Helvetica", Arial, Sans-serif;
border: solid 4px #1d1d1d;
}

textarea:focus {

border: solid 4px #3e86c2;
}

fieldset {
border: 0px;
}

#boites_commentaires {
width: 75%;
}


#boites_commentaires h4 {
margin-top: 30px;
}

#boites_commentaires_dedant {
border: gray solid 1px;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px 20px;
}

#boites_commentaires ol {
margin: 10px 10px 10px 20px;
}

#boites_commentaires li {
padding-bottom: 10px;
margin: 0;
}

#boites_commentaires p {
padding: 0;
margin: 0;
}

#promo {
background: transparent url('img/promo.png') no-repeat;
display: block;
height: 233px;
width: 344px;
position: absolute;
right: -30px;
bottom: -50px;
}

#promo:hover {
text-decoration: none;
}