/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Nicolas Cateron traduction
Author : remka, highly inspired by http://www.prototypejs.org/ layout
URL : www.nicolas-carteron.com

Created : 07/12/2006
Modified : 11/02/2007

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/* ------------------------------------------------------------

	special and general stuff

------------------------------------------------------------ */

html, body {
margin:0; 
padding:0;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
font-size:85%;
background:#fff url(img/bg-main.gif) repeat-x left top;
border-top:1px solid #fff;
}

img {
border:0;
}

.clear {
overflow: hidden;
clear: both;
height: 1px;
font-size: 1px;
display:block;
}

/* use with : <span class="clear">&nbsp;</span> */

.hide {
position: absolute;
left:-9999px;
}

/* ------------------------------------------------------------

	general

------------------------------------------------------------ */

#page {
width:760px;
margin: 0 auto;
text-align:center;
}

/* ------------------------------------------------------------

	header

------------------------------------------------------------ */

/* general */

#header {
}

/* navigation */

#header #navTop {
height:55px;
}

#header .navigation {
margin:0;
padding:0;
list-style:none;
float:left;
display:block;
margin:17px 0 0 15px;
}

#header .navigation li{
display:inline;
}

#header .navigation li a{
float:left;
display:block;
margin-right:20px;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
color:#3392ED;
border-bottom:1px solid #ccc;
}

#header .navigation li a:hover{
color:#0082FF;
border-bottom:1px solid #0082FF;
}

.home #header .navigation li a.home, .home #header .navigation li a.home:hover,
.profil #header .navigation li a.profil, .profil #header .navigation li a.profil:hover,
.devis #header .navigation li a.devis, .devis #header .navigation li a.devis:hover, 
.contact #header .navigation li a.contact, .contact #header .navigation li a.contact:hover,
.liens #header .navigation li a.liens, .liens #header .navigation li a.liens:hover {
color:#0082FF;
border-bottom:1px solid #0082FF;
cursor:text;
}

/* lang select */

#header .langSelect {
margin:0;
padding:0;
list-style:none;
float:right;
width:150px;
margin:21px 0 15px 0;
}

#header .langSelect li{
display:inline;
}

#header .langSelect li a{
float:right;
display:block;
margin-right:10px;
font-size:1.1em;
}


/* logo */

#header h1 {
clear:both;
margin:65px 0 0 0;
padding:0;
}

#header h1.top{
clear:both;
margin:120px 0 0 0;
padding:0;
}

#header a.logo {
display:block;
background:url(img/logo-main.gif) no-repeat center 50%;
height:72px;
}

/* ------------------------------------------------------------

	content

------------------------------------------------------------ */

/* general */

#content {
margin-top:130px;
}

#content h2 {
margin:0;
padding:0;
}

#content ul {
margin:0;
padding:0;
list-style:none;
}

#content p.enterP{
font-size:1.2em;
color:#666;
line-height:1.3em;
padding:0;
margin:0 15px 10px 0;
}

#content p.enterP a{
margin:0 5px 0 5px;
}

/* content main */

#content #contentMain {
float:right;
width:65%;
text-align:left;
padding:0;
margin:0;
}

#content #contentMain h2 {
font-size:1.8em;
color:#3898EE;
letter-spacing:0.1em;
border-bottom: 2px solid #B7E2FF;
padding:0 0 5px 0;
margin:0 15px 10px 0;
}

#content #contentMain h3 {
font-size:1.4em;
color:#666;
padding:10px 0 5px 0;
margin:0 15px 10px 0;
border-bottom:1px solid #ccc;
}

#content #contentMain p {
font-size:1.2em;
color:#666;
line-height:1.4em;
padding:0;
margin:0 15px 10px 0;
}

#content #contentMain ul.simpleList {
font-size:1.2em;
color:#666;
line-height:1.3em;
padding:0;
margin:0 15px 10px 0;
}

#content #contentMain ul.linkList {
font-size:1.2em;
color:#666;
line-height:1.3em;
padding:0;
margin:0 15px 10px 0;
}

#content #contentMain p a, #content #contentMain ul.simpleList a, #content #contentMain ul.linkList a{
text-decoration:none;
color:#3392ED;
border-bottom:1px solid #ccc;
}
#content #contentMain p a:hover, #content #contentMain ul.simpleList a:hover, #content #contentMain ul.linkList a:hover{
color:#0082FF;
border-bottom:1px solid #0082FF;
}

#content #contentMain ul.linkList a {
padding-left: 15px;
background: url(img/icon-link.gif) no-repeat left 50%;
}

/* content column */

#content #contentCol {
float:left;
width:31%;
text-align:left;
margin:0;
}

#content #contentCol h2 {
font-size:1.6em;
color:#3898EE;
padding:0;
margin:0 0 5px 15px;
letter-spacing:0.1em;
}

#content #contentCol p {
font-size:1em;
color:#666;
line-height:1.3em;
padding:0;
margin:0 0 15px 15px;
}

#content #contentCol a {
color:#3898EE;
}

#content #contentCol a:hover {
color:#DE2424;
}

#content #contentCol h2 a {
text-decoration:none;
}

.traduction #content #contentCol a.traduction, .traduction #content #contentCol a.traduction:hover,
.interpretariat #content #contentCol a.interpretariat, .interpretariat #content #contentCol a.interpretariat:hover,
.international #content #contentCol a.international, .traduction #content #contentCol a.international:hover
{
color:#DE2424;
cursor:text;
}


/* content main : contact form */

#content #contentMain #contactForm p {
padding: 5px 0 5px 0;
background:url(img/dotted-01.gif) repeat-x left top;
margin:0 15px 0 0;
}

#content #contentMain #contactForm p.first {
background:0;
}

#content #contentMain #contactForm label.left, #content #contentMain #contactForm span.pseudoLabel {
float:left;
display:block;
width:100px;
text-align:right;
margin-right:10px;
}

#content #contentMain #contactForm input.medium, #content #contentMain #contactForm textarea.medium{
width:250px;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
}

#content #contentMain #contactForm span.fakeColumn {
margin-left:110px;
width:250px;
display:block;
}

#content #contentMain #contactForm span.errorMsg {
margin:5px 0 0 110px;
width:250px;
display:block;
color:#FF0000;
font-size:0.9em;
}

#content #contentMain #contactForm span.required {
color:#FF0000;
font-size:0.9em;
}

#content #contentMain #contactForm span.smaller {
font-size:0.9em;
}

/* images classes */

#content #contentMain .alignleft {
float:left;
display:block;
margin:0 10px 10px 0;
}

#content #contentMain .alignright {
float:right;
display:block;
margin:0 0 10px 10px;
}

#content #contentMain .centered {
margin: 0 auto;
display:block;
margin:0;
}

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */

#footer {
clear:both;
padding:60px 0 40px 0;
margin:0 15px 0 15px;
}

#footer p{
background:url(img/dotted-01.gif) repeat-x left top;
padding:20px 0 20px 0;
color:#999;
}

#footer p a{
color:#666;
text-decoration:none;
}

#footer p a:hover{
color:#000;
}