/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
--- ACT Consulting -----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
--- Conception et réalisation Les petits lézards - © 2009 // www.lespetitslezards.com // François Darnez ---
------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

body {
background: #94C7D0 url(../images/act_bg.png) repeat-x top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
color:#000000;
text-align:justify;
line-height: 17px;
}

a {
color:#ff6600;
text-decoration: underline;
}

a:hover {
color:#bd4e04;
text-decoration: none;
}

img {
margin: 0;
padding: 0;
border: none;
}

a img {
margin: 0;
padding: 0;
border: none;
}

h1{
font-size: 130%;
font-weight: bold;
color:#624c42;
padding: 5px 0 0 0;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- CONTAINER ---------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#container {
width: 700px;
margin: 0 auto;
padding: 0 auto;
background-color: #bce1e8;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- HEADER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------*/
/*-------- HEADER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/


#header {
width: 700px;
height: 245px;
padding: 0;
margin: 0;
margin-bottom: 0;
background: #94C7D0 url(../images/act_header.png) repeat-x top center;
}

#bandeau {
width: 700px;
height: 245px;
padding: 0;
margin: 0;
margin-bottom: 0;
background: #FFFFFF url(../images/act_header.png) no-repeat top center;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- PAGES -------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#pageP, #pageM, #pageE, #pageC, #pageL, #pageML {
clear: both;
width: 640px;
height: auto;
padding: 10px 30px 20px 30px;
margin: 0;
}

#pageP {
background: #BCE1E8 url(../images/act_f_presentation.png) no-repeat bottom right;
}

#pageM {
background: #BCE1E8 url(../images/act_f_metier.png) no-repeat bottom right;
}

#pageE {
background: #BCE1E8 url(../images/act_f_equipe.png) no-repeat bottom right;
}

#pageC {
background: #BCE1E8 url(../images/act_f_contact.png) no-repeat bottom right;
}

#pageL {
background: #BCE1E8 url(../images/act_f_liens.png) no-repeat bottom right;
}

#pageML {
background: #BCE1E8 url(../images/act_f_mentions.png) no-repeat bottom right;
}

#clear {
clear: both;
}

.pageImageG {
float: left;
padding: 2px;
margin: 5px 9px 4px 0;
border: 1px solid #624c42;
}

.pageImageD {
float: right;
padding: 2px;
margin: 5px 0 4px 9px;
border: 1px solid #624c42;
}

.pageImageC {
text-align: center;
width: 480px;
padding: 2px;
margin: 5px 80px 4px 80px;
border: 1px solid #624c42;
}

#adressePhoto {
float: right;
padding: 2px;
margin: 5px 0 20px 9px;
border: 1px solid #624c42;
}

.pageCitation {
margin: 0 15px;
font-style: italic;
color:#423129;
}

span.texteImp {
font-size: 120%;
font-weight: bold;
color:#0e7e91;
font-variant:small-caps;
}

span.texteImp2 {
font-size: 120%;
font-weight: bold;
color:#0e7e91;
font-variant:small-caps;
text-decoration: underline;
}

span.texteLPZ{
font-size: 110%;
font-weight: bold;
color:#0e7e91;
padding: 0;
}

/*equipe*/

#equipePresentation {
float: left;
height: auto;
padding-bottom: 15px;
}

.equipeFiche {
float: left;
width: 320px;
text-align: left;
padding-bottom: 10px;
}

.ficheImage {
float: left;
padding: 2px;
margin: 2px 9px 4px 0;
border: 1px solid #624c42;
}

span.nom {
font-size: 130%;
color:#624c42;
font-weight: bold;
line-height: 23px;
}

span.fonction {
color:#0e7e91;
font-weight: bold;
}

span.interet {
text-decoration: underline;
}

.equipeFicheD {
float: left;
width: 320px;
text-align: right;
padding-bottom: 20px;
}

.ficheImageD {
float: right;
padding: 2px;
margin: 2px 0 4px 9px;
border: 1px solid #624c42;
}

#pageL ul li {
margin-left: 20px;
list-style-type: none;
list-style-position: outside;
list-style-image: url(../images/act_puce_liens.png);
margin-bottom: 5px;
}

.lpz {
padding: 2px;
margin: 5px 0 20px 9px;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- FORMULAIRE  -------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/


#pageC #formulaire {
clear:both;
float: left;
width: 420px;
padding: 0px 0 10px 0;
margin: 0px;
}

#pageC #formulaire ul li {
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:5px 0 !important;
line-height: 20px;
padding:0;
text-align:right;
vertical-align: top ;
}

#pageC #formulaire ul li label {
width: 130px;
}

#pageC #formulaire input {
font-size:100%;
width: 290px;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #94c7d0;
background-color: #d6edf2;
height: 18px;
padding-left: 5px;
}

#pageC #formulaire input:hover {
border: 1px solid #7ab0b9;
background-color: #94c7d0;
}

#pageC #formulaire input:focus {
border: 1px solid #7ab0b9;
background-color: #f6fdfe;
}

#pageC #formulaire textarea {
width: 290px;
font-size:100%;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #94c7d0;
background-color: #d6edf2;
padding-left: 5px;
}

#pageC #formulaire textarea:hover {
border: 1px solid #7ab0b9;
background-color: #94c7d0;
}

#pageC #formulaire textarea:focus {
border: 1px solid #7ab0b9;
background-color: #f6fdfe;
}

#pageC #formulaire select {
font-size:100%;
width: 297px;
font-family: Arial, Helvetica, sans-serif;
height: 22px;
padding-left: 5px;
}


#pageC #formulaire label.btnEnvoyer #submit_contact {
float: left;
width:100px;
height:20px;
padding: 0;
margin: 10px 0 0 190px;
text-align:center;
color:#fffff6;
font-size:90%;
border: none;
background: url(../images/act_btn.png) no-repeat;
}

#pageC #formulaire ul li span.formulaireObliglatoire {
font-size: 90%;
color:#ff6600;
font-style:italic;
}

#pageC #formulaire #note {
padding: 0px 10px 0 0;
font-style:italic;
color:#ff6600;
font-size: 90%;
text-align: right;
}

#pageC #formulaire h1{
font-size: 140%;
font-weight: bold;
color:#ff6600;
}

#pageC #adresse {
float: right;
width: 200px;
padding: 0px 0 0 0;
margin: 0px;
text-align: right;
color:#657e82;
}

#pageC #adresse h1{
font-size: 140%;
font-weight: bold;
color:#624c42;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- FOOTER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#footer {
clear: both;
width: 700px;
height: 23px;
font-size: 11px;
padding: 0;
margin: 0;
color: #507b82;
background-color: #8ab7bf;
}

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

#footer a:hover {
color: #bd4e04;
}

#langues {
float: left;
width: 350px;
background-color: #8ab7bf;
}

#langues img {
margin: 6px 0 6px 6px;
}

#mentions {
float: right;
width: 340px;
font-size: 10px;
padding: 0;
margin: 3px 6px 2px 0;
color: #507b82;
background-color: #8ab7bf;
text-align: right;
}

#mentions a {
text-decoration: none;
color: #FFFFFF;
}

#mentions a:hover {
color: #bd4e04;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- COPYRIGHT ---------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#copyright {
clear: both;
font-size: 10px;
padding: 0 0 20px 0;
margin: 0px;
color: #507b82;
text-align: center;
background-color: #94C7D0;
}

#copyright a {
text-decoration: none;
color: #FFFFFF;
}

#copyright a:hover {
color: #bd4e04;
}