/*



Theme Name: PSD vers Wordpress

Theme Date: 06022009

Theme URI: http://www.psdverswordpress.com/

Description: PSD vers Wordpress

Author: PSD vers Wordpress

Author URI: http://www.psdverswordpress.com/



*/





body{margin:0px; padding:0px; background:url(images/blue-stripe-bg.png) repeat top left; border-top:5px solid #073265; font-family:Arial, Helvetica, sans-serif}



h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; color:#285a92; font-style:italic;}

img{border:none}





div#wrapper{background:url(images/grad-bg.png) repeat-x top left; display:table; width:100%}



div#content-wrapper{width:980px; margin:0px auto; clear:both; color:#073061; }







div#left{float:left; width:650px;}

div#logo{margin-left:15px;}

div#topmenu{margin:48px 0px 0px 15px; height:53px;}

div#topmenu .green{background:url(images/greenmenu.png) bottom left no-repeat; width:411px; height:53px; padding:0px 8px 0px 8px; text-align:center; float:left}

div#topmenu .orange{background:url(images/orangemenu.png) bottom left no-repeat; width:176px; height:53px; text-align:center; float:left; margin-left:15px; }



div#topmenu a.accueil{width:75px; height:53px; display:block; float:left;}

div#topmenu a:hover.accueil img{visibility:hidden}

div#topmenu a:hover.accueil{ background-image:url(images/accueil-hover-trans.png)}



div#topmenu a.service{width:147px; height:53px; display:block; float:left;}

div#topmenu a:hover.service img{visibility:hidden}

div#topmenu a:hover.service{ background-image:url(images/service-hover-trans.png)}



div#topmenu a.actualites{width:97px; height:53px; display:block; float:left;}

div#topmenu a:hover.actualites img{visibility:hidden}

div#topmenu a:hover.actualites{ background-image:url(images/actualites-hover-trans.png)}



div#topmenu a.contact{width:84px; height:53px; display:block; float:left;}

div#topmenu a:hover.contact img{visibility:hidden}

div#topmenu a:hover.contact{ background-image:url(images/contact-hover-trans.png)}



div#topmenu .green .accueil-a{position:absolute; left:10px;}

div#topmenu .green .service-a{position:absolute; left:85px;}

div#topmenu .green .actualites-a{position:absolute; left:230px;}

div#topmenu .green .contact-a{position:absolute; left:330px;}



/*active menu*/

div#leftcontent-top{background:url(images/bigbox-top-trans.png) no-repeat bottom left; height:11px;}

div#leftcontent-bottom{background:url(images/bigbox-bottom-trans.png) no-repeat top left; height:11px;}

div#leftcontent{background:url(images/yellow-gradient.png) repeat-x bottom left #fff; position:relative; padding:10px 10px; font-size:12px; }

div#leftcontent.sidepad{padding:10px 20px}





.small-box{background:url(images/small-box-trans.png) no-repeat center center; width:276px; height:110px; float:left; margin-top:12px; padding:20px; font-size:12px; color:#073061; text-align:justify}

.small-box h2{font-size:16px; font-style:italic;}

.small-box p{margin:8px 0px;}

.small-box a{color:#073061; font-weight:bold}

.small-box a:hover{color:#000000;}





div#right{float:right; width:314px}

div#notice-board{background:url(images/right-notice-board-trans.png) no-repeat top left; height:491px; }

div#notice-board .content{padding-top: 250px; font-size:12px; position:relative}

div#notice-board h2{font-size:16px; font-style:italic; text-align:center}



div#notice-board .content ul{margin:0px 0px 0px 0px; padding:0px; margin:15px 0px 0px 15px;}

div#notice-board .content li{list-style:none; background:url(images/correct.gif) left bottom no-repeat; padding-left:25px; line-height:18px; color:#0a366a}



div#notice-board .partir{position:absolute; left:230px; margin-top:45px;}

div#notice-board .demande-button{width:100%; display:block; text-align:center; margin-top:40px;}

div#notice-board .demande-button img{}



div#right .small-box{background:url(images/rsmall-box-trans.png) no-repeat center center; width:274px;}



div#footer{clear:both; display:table; background:url(images/footer-bg.png) top left repeat-x; height:185px; width:100%; margin-top:12px}

div#footer-content{width:980px; margin:0px auto; color:#f0f5b6; font-size:11px; margin-top:10px;}



div#footer a{color:#f0f5b6; text-decoration:none;}

div#footer a:hover{text-decoration:underline}

.sap{color:#ff470f}



div#footer-content .footer-menu{background:url(images/phone.gif) right center no-repeat; height:34px}

div#footer-content .service img{margin-left:10px;}







/*homepage*/

div#home-content{height:249px; font-size:12px;}

div#le-design{float:left; width:250px; padding:25px 0px 0px 5px}

div#features{width:330px; float:left; padding-top:20px; margin-left:25px}



div#leftcontent h3{font-size:16px;}

div#leftcontent h1{font-size:20px; margin-bottom:5px;}

div#leftcontent h4{font-size:15px; margin-top:10px; color:#285a92;font-style:normal;}



div#leftcontent h1 a, div#leftcontent h2 a, div#leftcontent h3 a{color:#285a92}



div#home-content p{clear:both; height:50px; margin:12px 0px;}

div#home-content .ol{background:url(images/ol-bg-trans.png) center center no-repeat; font-weight:bold; font-size:45px; color:#fff; text-align:center; width:48px; height:48px; line-height:50px; display:block; float:left; margin-right:10px}











/*article*/

.blog-entry{margin-bottom:25px;}

div#leftcontent .blog-entry h3{font-size:18px}

.blog-entry a{text-decoration:none;}

.blog-entry a:hover{color:#000000;}



.info{font-family:Arial, Helvetica, sans-serif; font-size:11px;	color:#285A92;}

.info a{ color:#285A92; text-decoration:none;}

.info a:hover{ text-decoration:underline;}










/*service*/

.title, .dark, .light {width:600px; border-bottom:2px solid #fff; line-height:18px; clear:both; display:table}

.title{background-color:#396e9b; color:#fff; font-weight:bold}

.dark{background-color:#96bdea; color:#062e62}

.light{background-color:#c2daf4; color:#062e62}



.title p, .dark p, .light p{float:left; display:block ; margin:0px; padding:3px;}



p.elements{width:230px; border-right:1px solid #fff;}

p.delai{width:200px; border-right:1px solid #fff;}

p.tarif{width:150px}







/************************************ common *******************************************************************/

blockquote p {

	margin: 0px;

	padding: 0px;

}

blockquote {

	font-size: 13px;

	line-height: 19px;

	color: #000000;

	margin: 10px;

	padding: 7px;

	clear: both;

	font-family: Georgia, "Times New Roman", Helvetica, sans-serif;

	font-style: italic;

	border-left: 3px solid #111111;

}

.alignleft {

	text-align: left;

	float: left;

}

.alignright {

	text-align: right;

	float: right;

}

.center {

	text-align: center;

	margin: 0px auto;

	clear: both;

}



img.alignleft {

	padding: 0px;

	float: left;

	margin-right: 5px;

	margin-top: 2px;

	margin-bottom: 15px;

}

img.alignright {

	padding: 4px;

	float: right;

	margin-top: 10px;

	margin-left: 10px;

}

img.center {

	padding: 4px;

	display: block;

	margin: 5px auto;

	clear: both;

}