body {
margin : 0;
padding : 0;
text-align : left;
font : 85% "Trebuchet MS", verdana, arial, sans-serif;
line-height : 1.5em;
background : #008485;
color : #000;
}
			/*CONTAINER*/
#wrapper {
position : relative;
width : 1000px;
margin-right : auto;
margin-left : auto;
padding : 0;
border : 0px solid green;
background : #fff;
}
			/*TOP TITLE BAR*/
#title {
width : 770px;
margin-left : 5px;
padding : 0;
text-align : right;
background : #fff;
color : #000;
}
			/*BANNER*/
#header {
background : url(images/logo.jpg) no-repeat;
width : 770px;
height : 200px;
margin : 0 0 0 5px;
padding : 0 0 0 0;
}
			/*TOP NAVIGATION*/
.container {
width : 1000px;
height : 35px;
margin : 15px 0 10px 0px;
font : 92% "Trebuchet MS", verdana, arial, sans-serif;
}
.containerOK {
width : 565px;
height : 35px;
margin : 20px 0 10px 150px;
}
#navCircle {
margin : 0;
padding : 0 0 25px 10px;
border-bottom : 2px solid #008485;
}
#navCircle li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}
#navCircle a:link, #navCircle a:visited {
float : left;
font-size : 1.3em;
padding : 0 17px 15px 17px;
text-decoration : none;
background : inherit;
color : #008485;
}
#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
background-color : inherit;
color : #d24351;
background : url(img/arrow.gif) no-repeat bottom center;
}
			/*MAIN CONTENT*/
#content {
width : 740px;
float : left;
margin-top : 0;
margin-left : 11px;
padding : 5px;
border-right : 1px solid #008485;
}
#content p {
padding : 0 20px;
}
#contentother p {
padding : 0px;
margin : 20px 20px 20px 20px;
text-align: justify;
}
#contentother {
width : 1000px;
float : left;
margin : 0;
padding : 0px;
}
#contentcontact p {
padding : 0 20px;
}
#contentcontact {
width : 1000px;
float : left;
margin-top : 0;
margin-left : 0px;
padding : 0px;
}
#col-right {
width : 470px;
margin : 15px 15px 0 15px;
padding : 0px;
float:right;
text-align : center;
font : 125% "Trebuchet MS", verdana, arial, sans-serif;
}
#col-left {
width : 470px;
margin : 15px 15px 0 15px;
padding : 0px;
float:left;
text-align : center;
font : 125% "Trebuchet MS", verdana, arial, sans-serif;
}
			/*SIDEBAR*/
#right-col {
width : 200px;
margin : 5px 0 0 775px;
padding : 3px;
font : 105% "Trebuchet MS", verdana, arial, sans-serif;
}
			/*FOOTER*/
#footer {
margin : 50px 0 0 0;
padding : 5px;
font : 100% "Trebuchet MS", verdana, arial, sans-serif;
background : #d24351;
color : #fff;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #fff;
}
#footer a:hover {
background : inherit;
color : #000;
text-decoration : none;
}
   /*TABLE*/
table {
margin : 10px auto;
border: 2px solid #008485;
width: 50%;
}
td, th {
border: 1px solid #008485;
width: 50%;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding : 10px;
font-size : 180%;
letter-spacing : 5px;
background : inherit;
color : #008485;
}
h1.other {
margin : 0;
text-align: center;
font-size : 260%;
letter-spacing : 5px;
background : inherit;
color : #008485;
}
h2 {
margin : 10px 0 20px 0;
font-size : 140%;
text-align: center;
letter-spacing : 5px;
background : inherit;
color : #008485;
}
h2.other {
margin : 10px 0 20px 0;
text-align: left;
margin-left : 20px;
text-decoration: underline dotted;
font-size : 180%;
letter-spacing : 5px;
background : inherit;
color : #008485;
}
h3 {
margin : 20px 20px 20px 20px;
text-align: left;
font-size : 140%;
letter-spacing : 5px;
background : inherit;
color : #008485;
}
ul.other {
list-style-type : square;
padding : 0px;
margin-left : 30px;
margin-right : 30px;
background : inherit;
color : #008485;
text-align: justify;
}
.other li {
padding-left : 0.2em;
margin-left : 2em;
margin-bottom : 5px;  
color : #000;
}
dd, dt{
  margin-top : 15px;
}
			/*LINKS*/
a img {
border : none;
}
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #008485;
}
a:hover {
text-decoration : underline;
background : inherit;
color : #666;
}
ul.side {
list-style-type : square;
padding : 0;
margin : 0;
background : inherit;
color : #008485;
}
.side li {
padding-left : 0.2em;
margin-left : 2em;
margin-bottom : 5px;
}
			/*CLASSES*/
.imgleft {
float : left;
border : 1px solid #008485;
padding : 5px;
margin-right : 15px;
}
.imgright {
float : right;
border : 1px solid #008485;
padding : 5px;
margin-left : 15px;
}
.imgcontact {
border : 1px solid #008485;
padding : 5px;
}

.imgequipe {
border : 1px solid #008485;
padding : 5px;
}
.accueil {
font : 130% "Trebuchet MS", verdana, arial, sans-serif;
}
.tel {
  font : 130% "Trebuchet MS", verdana, arial, sans-serif;
  display: grid;
  margin-top : 5px;
  grid-template-columns: repeat(2, auto);
}