@import url('css/style-grenouille.css');











*{margin: 0px; padding: 0px; }







a { text-decoration: none; color: #d87a21 }







a:hover { background: #fff; }







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







p { line-height: 16px; margin-bottom: 10px;  }







h2 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size:1.8em; margin:0 0 0.5em 0; padding-top:3px;}







.inside{ width:750px; margin:0 auto;  }











/* Listes contenu */



post ul {







margin: 0 0 10px 10px;







padding: 0 0 0 14px;







line-height: 18px;







list-style-position: inside;







list-style-image: url(images/fleche.png);



list-style-type: none;}







.post li {







list-style-position: inside;







list-style-image: url(images/fleche.gif);



list-style-type: none;}







.post ul li {







list-style-type: none;}



<!-- fin -->











ul li {







list-style-type: none;}























body {







background:#FFFFFF;







font-family:Verdana, Arial, Helvetica, sans-serif;







font-size:12px;







color: #38302b;}







#logo a { float:left; height:90px; width:210px; background:#fff url(images/logo.gif); text-indent:-30000px; display:block;margin-top:20px; }



#illhead { display:block; height:45px; width:770px; text-align:right; padding:10px; }















#header {







color: #9c9e9f;



height:115px;







background: #FFFFFF ;}



 



/* ********************  MENU  ******************************* */







#menu {
height: 25px;
float:right;
padding-top : 10px;
}




#menu li {
float:left;
list-style:none;
display:block;
}



#menu li a {
float:left;
height: 25px;
line-height: 25px;
color: #9c9e9f;
padding: 0 8px;
margin-left: 4px;
background: #FFFFFF;
border-right : #9c9e9f 1px solid;
}



#menu li a:hover { 







background: #FFFFFF;}







/* *******************  SEARCHFORM  ***************************** */











#searchform {



float:left;



height:37px;



text-align:right;



width:460px;



margin:40px 0px 0px 80px;



}







#MusiqueRadio {



float:right;



height:65px;



width:82px;}











#search {



width: 198px;



margin : 0pt 5px 0px 13px;}







input {



font-family: Verdana, sans-serif;



font-size: 0.9em;



padding: 5px;



border: 1px solid #9c9e9f;



color: #686868;}











	



input.blur {



	



background: #38302b;







color: #fff;	}



	



#oksearch {



	



background:#FFFFFF;



	



height:30px;



	



font-size: 1 em;



	



font-weight:bold;



	



color:#9c9e9f;



	



border:none;



	



padding : 0px;}



	











/* ******************  REFERENCE ACCUEIL  ***************************** */


#acc_reference {
color:#fff;
height: 300px;
background: #000000;
}



#acc_reference h2 {
font-size:16px;
line-height: 18px;
}

#main{
margin: 0 auto;
width: 800px;
}

/*********************  REFERENCE / Marketing services  *******************************/

#marketing{
background:transparent url(images/visuel_marketing.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / Communication corporate et financière  *******************************/

#corporate{
background:transparent url(images/visuel_corporate_finance.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / Design et identité visuelle  *******************************/

#design{
background:transparent url(images/visuel_design.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / Communication environnementale  *******************************/

#environnementale{
background:transparent url(images/visuel_environnement.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / Communication Interne et RH  *******************************/

#interne{
background:transparent url(images/visuel_interne_rh.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / Edition  *******************************/

#edition{
background:transparent url(images/visuel_edition.jpg) repeat center;
height: 335px;
}




/* *******************  CONTENU  ****************************** */



.navigation{font-family: 'Trebuchet MS', Verdana, sans-serif; font-size:1.8em; margin:0 0 0.5em 0; padding-top:9px;}





.contenu {















width: 500px;















float:left;















padding-right: 10px;}







.postmetadata {















font-size:9px;















text-indent: 0px;















color: #38302b;















margin-bottom: 10px;
}










.catcom {
display:block;
border-top: 1px solid #c3c0bf;
border-bottom: 1px solid #c3c0bf;
padding: 10px 5px;
text-indent: 0px;
font-size:10px;
margin-top:10px;
margin-bottom: 30px;}



.catcom ul {
line-height:18px;
list-style-type:none;
}





blockquote {















margin: 20px 0;















padding: 0 10px 0 45px;















background: transparent url(images/bg_quote.gif) no-repeat top left;















font-style: italic;}











.sidebar {







float:left;







width: 240px;}











.sidebar h3 {







height:30px;







width: 230px;







line-height: 30px;







padding-left: 10px;







font-size: 14px;







margin-bottom: 10px;}











.categ {







margin-left:10px;







margin-bottom: 20px;}











.categ li {







list-style: none;







line-height: 18px;







padding-left : 10px;







background-color : #9C9E9F;}











.children li {







list-style-position: outside;







list-style: inside disc;}











.categ a {







color: #FFFFFF;}











.categ a:hover {







background-color : #9C9E9F;}











.arch {







margin-left:10px;







margin-bottom: 20px;}







.arch li {



list-style: none;







line-height: 18px;







padding-left : 10px;







background-color : #9C9E9F;}











.arch a {







color: #FFFFFF;}











.arch a:hover {







background-color : #9C9E9F;}











#footerbar {







background: #1F1E1D;







color:#fff;







border-bottom:#00CC33;}







#footerbar ul {



list-style-type:none;



}



#titrefooter {







background:#1F1E1D ;}











.btnclose {



font-size:16px;



line-height: 35px;



display:block;



width:750px;



height: 35px;



background: url(images/inout.gif) right no-repeat #1F1E1D;



color:#fff;}











.btnclose:hover {



background: url(images/inout.gif) right no-repeat #9C9E9F;}











.blogrolldeft {







float:left;



width:235px;



margin-right:20px;



margin-top:10px;}















.blogrolldeft h3 {







font-size:14px;







display:block;







border-bottom: 1px solid #4c4541;







padding-bottom: 10px;}















.blogrollacces {



width: 220px;



padding: 0px 10px 0 10px;



}







.blogrollacces  h3 {



font-size:14px;



display:block;



padding-bottom: 10px;}











.blogrolldeft ul li {



color:#fff;



display:block;



border-bottom: 1px solid #4c4541;}











.blogrolldeft ul li a {







padding: 5px 0;



display:block;



color: #fff;}











.blogrolldeft ul li a:hover {







padding: 5px 0;



display:block;



color: #fff;



background:#302925;}











.blockaccslink {



float:left;}











.cornerbottom {







display:block;



width:240px;



height: 10px;}























.blogrollacces ul li a {







padding: 5px 0;



display:block;



color: #fff;}



















h3#comments  {



font-size:14px;



margin-bottom: 10px;}











.commentlist li {







background:#f3f3f3;



padding: 10px;



margin-bottom: 10px;}







#comment {







width:490px;



height: 8em;}















#submit {







color:#fff;



background-color:#38302b;}











#respond {







font-size: 14px;



margin: 10px;}











.contactform input {







color:#333333;}















/* *******************  FOOTER  **************************** */



















#footer {



text-align: center;



color: #1F1E1D;



border-top: 3px solid #111;



background:#FFFFFF;



padding: 10px 0;



font-size: 9px;}











.fluxrss a {



margin: 0 auto;



height: 25px;



width: 60px;



padding-left: 20px;



display:block;



line-height:25px;



background: url(images/feed-icon.gif) no-repeat left ;}











.fluxrss a:hover {



background: url(images/feed-icon.gif) no-repeat left #000;}



img{border : 0px none ;}