/*mise en page gÈnÈrale*/
html {
min-width: 761px;
}
body {
font-size: 80% ;
font-family: Arial, Helvetica, sans-serif;
background: #F5F4F4;
text-align: center;
border-top: 3px solid #666666;
}
* {
margin: 0 ;
padding: 0 ;
}
img {
border: 0;
}
a {
color: #FF3333;
text-decoration: none;
}
a:hover {
color: #000;
}
.lienBloc {
display: block;
text-align: right;
margin-right: 5px;
}
.lienTexteinA a{
color: #000;
}
.lienTexteinA a:hover {
color: #FF3333;
}
.nonLink a{
color: #000;
cursor : text;
}
.nonLink a:hover {
color: #000;
cursor : text;
}
ul.puce {
list-style-type: square;
padding-left: 15px;
margin-left: 25px;
}
ul.puce li {
padding-top: 5px;
}
ul.puce ul {
list-style-type: square;
padding-left: 15px;
color: #666;
}
div#container {
margin: 0 auto;
padding: 0;
text-align: left;
width: 761px;
border: 1px solid #666666;
}
div#header {
margin: 0 0px 0 0px;
height: 82px;
border-bottom: 1px solid #666666;
background-color: #FFF;
}
.baseline {
display:block;
float: right;
color: #FF3333;
font-size: 1.24em;
padding-top: 30px;
text-align: right;
margin-right: 10px;
}
div#content {
margin: 0px 0px;
border-top: 1px solid #666666;
background: #FFF url(./../img/fond-illustration/fond-ligne.gif) top center repeat-y;
}
div#maincontent {
float: left;
width: 540px;
}
div#evenements {
float: left;
width: 760px;
text-align: left;
background-color: #F5F4F4;
}
div#secondarycontent {
margin-left: 540px;
}
div#insidemaincontent {
background-color:#FFF;
margin: 10px 0;
}
div#column1 {
float:left;
width: 230px;
background: url(./../img/picto/accent_haut.gif) top left no-repeat;
border-right: 1px solid #999999;
padding: 20px;
}
div#column2 {
float:left;
background: url(./../img/picto/accent_bas.gif) bottom right no-repeat;
padding: 20px 10px 20px 20px;
}
#footer {
clear: both;
}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "."; /* the period is placed on the page as the last thing before the div closes */
display: block; /* inline elements don't respond to the clear property */
height: 0; /* ensure the period is not visible */
clear: both; /* make the container clear the period */
visibility: hidden; /* further ensures the period is not visible */
}
.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/*header et la navigation*/
div#header img {
float: left;
}
div#nav {
background:transparent url(./../img/fond-nav/fond-nav.gif) top left repeat-x;
height: 27px;
margin: 0;
border-bottom: 1px solid #666666;
}
div#nav ul {
list-style-type: none;
margin: 0 0 0 5px;
}
div#nav li {
float: left;
margin: 4px 0;
padding: 1px 10px;
border-right: 2px solid #FF3333;
}
div#nav a{
color: #000000;
font-weight: bold;
display: block;
text-decoration: none;
}
div#nav a:hover{
color: #FF3333;
}
/*différents illustrations*/
div#illustration {
background:transparent url(./../img/fond-illustration/panneaux.gif) top left repeat-x;
height: 127px;
margin-top: 2px;
margin-bottom: 2px;
}
#clients div#illustration {
background:transparent url(./../img/fond-illustration/resoneo-clients.jpg) top left repeat-x;
height: 127px;
margin-top: 2px;
margin-bottom: 2px;
}
#resoneo div#illustration, #contact div#illustration {
background:transparent url(./../img/fond-illustration/resoneo-contact.jpg) top left repeat-x;
height: 127px;
margin-top: 2px;
margin-bottom: 2px;
}
#expertise div#illustration {
background:transparent url(./../img/fond-illustration/resoneo-way-2.gif) top left repeat-x;
height: 127px;
margin-top: 2px;
margin-bottom: 2px;
}
/*contenu page d'accueil*/
#accueil div#maincontent h2{
font-family: 'Arial' ;
font-size: 0.95em;
color: #000;
font-weight: bold;
padding: 0px 0px;
background:#FFF;
margin: 0;
}
#accueil div#maincontent p{
margin: 10px 10px 10px 0;
}
/*contenu pages*/
h1{
font-family: verdana, geneva, arial, helvetica, helve, sans-serif ;
font-size: 1.6em;
font-weight: normal;
border: 0;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1em;
margin: 20px 20px 5px 20px;
}
div#maincontent h2, h3, h4, h5 {
font-size: 1.2em;
font-weight: bold;
padding: 0;
border: 0;
letter-spacing: 1px;
line-height: 1em;
margin: 20px 20px 5px 20px;
}
div#maincontent p{
margin: 10px 15px 10px 20px;
}
/*mise en page nos domaines*/
#column2 ul {
list-style-type: square;
padding-left: 15px;
}
#column2 ul li {
padding-top: 5px;
}
#column2 ul ul {
list-style-type: square;
padding-left: 15px;
color: #666;
}
/*mise en page du contenu secondaire*/
div#secondarycontent h2 { /*tire des rubriques */
font-family: 'Arial' ;
font-size: 0.95em;
color: #FFF;
font-weight: bold;
padding: 3px 20px;
background:#999999 url(./../img/picto/picto_home.gif) 10px 8px no-repeat;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
margin-top: 1px;
}
div#secondarycontent h3 {
padding: 5px 0 0 5px;
font-size: 0.95em;
}
div#secondarycontent h3 a { /*tire des articles */
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
div#secondarycontent h3 a:hover {
text-decoration: none;
}
div#actualite, div#casclient {
padding-bottom: 5px;
}
div#actualite div.actu {
border-bottom : 1px solid #666666;
padding-bottom: 10px;
margin: 0 10px;
}
div#actualite div.actulast {
border-bottom : 0px solid #666666;
/* padding-bottom: 10px; */
margin-left: 10px;
}
div#casclient p {
font-size: 1em;
padding: 5px 0 0 10px;
}
div#actualite p {
font-size: 1em;
padding: 5px 0 0 5px;
}
div#actualite p.date {
font-size: 0.9em;
color: #999999;
margin-bottom: 5px;
}
div#navsecondaire {
margin: 5px 0 0 5px;
/* border-left: 1px solid #666666; */
}
div#navsecondaire h2 { /*tire des rubriques */
font-family: 'Arial' ;
font-size: 1.1em;
color: #000;
font-weight: bold;
padding: 3px 0;
margin-bottom: 15px;
background:#FFF;
border-top: 0px;
border-bottom: 0px;
}
div#navsecondaire ul li{
list-style-type: none;
background:transparent url(./../img/picto/puce.gif) 0 0px no-repeat;
padding-left: 12px;
padding-bottom: 12px;
font-size: 1em;
}
/*footer*/
div#footer {
background: #999999;
border: 1px solid #666666;
padding: 3px 0;
color: #FFF;
text-align: center;
font-size: 0.8em;
}
div#footer ul li{
list-style-type: none;
display: inline;
padding: 0 3px;
border-right: 1px solid #FFF;
}
div#footer ul li a{
color: #FFF;
}
/*ACCREDITATIONS*/
#acreditation {
position: absolute;
width: 540px;
top: 650px;
text-align: center;
}
#acreditation img {
margin: 5px 10px;
}
/*BLOCS CENTRAUX PROMO POUR LA HOME*/
div#MainClient {
float:left;
width:520px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
border-bottom: 1px dotted;
}
div#clientcolumn1 {float:left; width:120px; margin-left:5px; padding: 20px 0 0 0; background-color:#FFF;
text-align: right;
border: 0px solid red;
/* background:transparent url(./../img/references-resoneo/cetelem/cetelem.gif) 12px 35px no-repeat; */
}
/* column 1 box model hack for IE5s */
* html div#clientcolumn1 /* this selector recognized by IE only */
{width: 150px; /* total width (only for IE5.x/Win) */
w\idth: 150px; /* content width (for other IE) */ }
div#clientcolumn1 {width:150px; /* content width (for other browsers) */}
/*end column 1 box model hack */
div#clientcolumn2 {float:left; width:320px; margin-left:0px; padding: 0px 0px; background-color:#FFF;
border: 0px solid yellow;
}
/* column 2 box model hack for IE5s */
* html div#clientcolumn2 /* this selector recognized by IE only */
{width: 340px; /* total width (only for IE5.x/Win) */
w\idth: 340px; /* content width (for other IE) */ }
div#clientcolumn2 {width:340px; /* content width (for other browsers) */}
/*end column 1 box model hack */