/*
CIFCA 2008_Stylesheet By_Network Associated
------------------------------------------------------------------------------------------------------------------------
						BALISES HTML
------------------------------------------------------------------------------------------------------------------------
*/
body {
position:relative;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width:768px;
font-family:Georgia, 'Times New Roman', Times, serif;
color:#FFFFC9;
font-size:9pt;
background-color:#000;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

/*tableau pour les caractéristiques*/
table {
margin-left:20px;
margin-right:10px;
font-size:8pt;
}

.tmp {
border:1px;
border-style:solid;
border-color:red;
}
textarea{
background-color:black;
border:1px solid #FFFFC9;
color:#FFFFC9;
}

input.fond{
background-color:black;
border:1px solid #FFFFC9;
color:#FFFFC9;

}

/*
------------------------------------------------------------------------------------------------------------------------
						GLOBAL
------------------------------------------------------------------------------------------------------------------------
*/
#global {
width:768px;
}


/*
------------------------------------------------------------------------------------------------------------------------
						HEADER
------------------------------------------------------------------------------------------------------------------------
*/
#header {

}

.flag {
font-family:ARIAL;
color:#FFFFC9;
font-size:8pt;
text-decoration:none;
}

#flag {
margin-left:359px;
}

/*------------------------------Partie gauche du header------------------------------*/
#logoCifcaLeft {
float:left;
background-image:url('images/logoLeft.jpg');
width:291px;
height:306px;
}

/*------------------------------Partie droite du header------------------------------*/
#headerRight{
position:relative;
float:left;
z-index:3;
}

#bandeauRight {
float:left;
background-image:url('images/bandeauRight.jpg');
width:477px;
height:192px;
}

#menu {
clear:both;
/*background-image:url("images/menu.jpg");*/
width:477px;
height:67px;
}

/*------------------------------Titre des rubriques------------------------------*/
#titleRubrique {
clear:both;
/*background-image:url("images/title.jpg");*/
width:477px;
height:116px;
}

.titleRubrique {
margin-left:30px;
font-size:20pt;
font-weight:bold;
font-style:italic;
}

a:hover.titleRubrique {
text-decoration:none;
}

.title2Rubrique {
margin-left:30px;
font-size:22pt;
}

a:hover.title2Rubrique {
text-decoration:none;
}

/*
------------------------------------------------------------------------------------------------------------------------
						CONTAINER
------------------------------------------------------------------------------------------------------------------------
*/
#container {
float:left;
width:768px;
/*height:316px;
padding-bottom:120px;*/
}

/* Alpille luberon esterel */
#container2 {
float:left;
width:768px;
margin-top:-50px;
/*height:316px;
padding-bottom:120px;*/
}

/*------------------------------Zone de texte (SIDEBAR)------------------------------*/
#text {
float:left;
width:304px;
padding-bottom:20px;
margin-top:-21px;
}

#text1 {
float:left;
width:304px;
padding-bottom:20px;
margin-top:10px;
}

#text2 {
float:left;
width:304px;
padding-bottom:20px;
margin-top:30px;
}


.text {
margin-left:20px;
margin-right:10px;
margin-top:0px;
text-align:justify;
}

.separateBar {
height:1px;
width:274px;
}

/*------------------------------Flash------------------------------*/
#flashAlpilles {
float:right;
width:464px;
/*height:316px;*/
}

#flashEsterel {
float:right;
width:464px;
height:470px;
margin-top:-20px;
}

/*------------------------------Page d'accueil------------------------------*/
#accueil {
float:right;
background-image:url('images/accueil.jpg');
width:464px;
height:316px;
margin-top:-80px;
margin-right:10px;
}

#containerIndex{
float:right;
width:575px;
height:200px;
padding-left:0px;
margin-top:-120px;
margin-right:-110px;
}

.load{
float:left;
margin-top:-220px;
margin-left:275px;
position:relative;
z-index:1;
}

#menuIndex {
position:relative;
z-index:6;
float:left;
width:215px;
padding-top:10px;
}

#pubFlash {
float:left;
margin-left:20px;
margin-top:-145px;
padding-bottom: 20px;
position:relative;
z-index:5;
}

.titlePub {
color: #
}

.four{
color:#FFFFC9;
text-decoration:none;
}

/*------------------------------Page des finition------------------------------*/
.dessus{
color:#FFFFC9;
text-decoration:none;
}

#carre{
float:left;
width:200px;
margin-top:80px;
margin-left:-113px;
}

#carre a{
text-decoration:none;
}

#textCarre {
color:#FFFFC9;
font-family:Arial;
font-size:8pt;
}


/*------------------------------Page des produits------------------------------*/
#containerProduits {
float:left;
width:768px;
height:200px;
padding-left:0px;
margin-top:-60px;
margin-left:15px;
}

#containerProduits1 {
float:left;
width:768px;
height:200px;
padding-left:0px;
margin-top:0px;
margin-left:0px;
}

#containerProduits2 {
float:left;
width:768px;
height:250px;
margin-left:15px;
margin-top:50px;
}

#menuProduits {
float:left;
width:180px;
padding-top:10px;
padding-left:28.25px;
padding-right:28.25px;
}

#menuProduits1 {
margin-top:11px;
margin-left:545px;
}

#menuProduits2{
margin-top:100px;
float:left;
}


.titleMenuProd {
font-size:17pt;
text-align:center;
}

a:hover.titleMenuProd {
text-decoration:none;
}

.textMenuProd {
text-align:justify;
font-family:arial, sans serif;
}

#separation {
float:left;
padding-top:10px;
background-image:url('images/separation.png');
width:1px;
height:258px;/* 269px */
margin-left:14px;
margin-right:14px;
}

#separation2 {
float:left;
padding-top:10px;
background-image:url('images/separation180.png');
width:1px;
height:230px;/* 269px */
margin-left:14px;
margin-right:14px;
}

#separation3 {
float:left;
padding-top:10px;
background-image:url('images/separation.png');
width:1px;
height:200px;/* 269px */
margin-left:14px;
margin-right:14px;
margin-top:-33px;
}

#separation4 {
float:left;
padding-top:10px;
background-image:url('images/separation.png');
width:1px;
height:200px;/* 269px */
margin-left:14px;
margin-right:14px;
margin-top:0px;
}


#textProd3{
float:left;
width:709px;
text-align:justify;
margin-top:0px;
margin-left:29px;
margin-right:26px;
text-align:justify;
}

#textProd2 a{
text-decoration:none;
}

#textProd3 a{
text-decoration:none;
}

#textProd a{
text-decoration:none;
}

.shema{
color:#FFFFC9;
font-size:9pt;
text-decoration:none;
margin-left:100px;
}

/*------------------------------ligne de produit------------------------------*/

#ligne{
margin-left:22px; 
margin-top:-2px;
}

/*------------------------------Page composition------------------------------*/
.tableCompo {
text-align:right;
}

.tableFinition {
margin-top: 40px;
}

a.tableCompo {
text-decoration:none;
color:#FFFFC9;
}

.separateBarCompo {
height:1px;
width:240px;
}

.titleCompo {
text-align:left;
font-size:10pt;
padding-top: 22px;
}

.iconesCompo{
width:20px;
height:15px;
}

#contentCompoF{
float:right;
width:464px;
height:320px;
}

#contentCompo{
float:right;
width:464px;
height:320px;
}

#contentCompo2{
float:right;
width:464px;
height:320px;
}

#content{height:194px;
margin-top:-20px;}

#vignette {
float:right;
width:120px;
height:84px;
margin-top:-108px;
margin-left:-132px;
}

#vignetteFinition{
float:right;
position: relative;
width:120px;
height:84px;
margin-right:45px;
margin-top:-100px;
}

#vignetteFinition a{
font-size:20pt;
font-weight:bold;
font-style:italic;
}
#texteCompo {
float:left;
width:254px;
height:145px;
margin-top:0px;
text-align:justify;
}

#texteCompo2 {
float:left;
width:254px;
height:145px;
margin-top:-40px;
text-align:justify;
}

#texteCompoF {
float:left;
width:254px;
height:145px;
margin-top:0px;
text-align:justify;
}

#descriptifCompo {
clear:both;
margin-top: -117px;
width:490px;
}

#descriptifCompoF{
clear:both;
margin-top: -10px;
width:490px;

}
#descriptif {
/*clear:both;
width:200px;*/
float: right;
height: 314px;
margin-left:-200px;
margin-top:-116px;
}
table.descriptif {
font-size:8pt;
}

#photoDescriptif, #photoDescriptifFinition, #photoProduits {
float: left;
margin-bottom: 0px
}
#photoDescriptifFinition {
height: 214px;
}
#photoDescriptif {
height: 0px;
margin-top:-105px;
border:0px solid red;
}
#photoProduits {
height: 0px;
width: 780px;
margin-left: -280px;
margin-top:-100px;
}

#texteRotis{
float:left;
margin-top:-30px;
margin-left:220px;
}

table.descriptifF{
font-size:8pt;
margin-top:5px;
margin-left:0px;
}

.descriptifF{
float:left;
margin-left:-50px;
margin-top:-100px;
}

.descriptif {
list-style:none;
margin-left:0px;
}

.photo, .photoFinition, .photoProduits{
border:1px;
border-style:solid;
border-color:#FFFFC9;
}
.photoFinition {
margin-top:-50px;
}

.photo {
float:left;
margin-top:100px;
}

.photoProduits {
float:left;
margin-top:100px;
margin-right: 55px;
}

td.descriptif, td.descriptifFinition {
width: 170px;
vertical-align: bottom;

}
td.descriptifFinition {
height: 264px;

}
td.descriptif {
height: 314px;
}

ul.descriptif {
}

li.descriptif {
list-style:none;
}

img.descriptif {
width:160px;
height:1px;
}

#tmp,{
border: 1px;
border-style: solid;
}

/*------------------------------Page partenaires------------------------------*/
#cartePartners {
float:right;
width:400px;
margin-top:200px;
margin-right:15px;
height:471px;
}

.cache {
width:15px;
height:15px;
}

#vitrolles {
width:20px;
height:20px;
position:absolute;
margin-top:132px;
margin-left:230px;
}

#brugges {
width:20px;
height:20px;
position:absolute;
margin-top:95px;
margin-left:247px;
}

#moscou {
width:20px;
height:20px;
position:absolute;
margin-top:68px;
margin-left:345px;
}

#toronto {
width:20px;
height:20px;
position:absolute;
margin-top:108px;
margin-left:62px;
}

#login, #loginTitle, iframe {
float:left;
width:270px;
margin-left:15px;
margin-right:15px;
border:1px solid #FFFFC9;
margin-bottom: 40px;
font-family: Arial;
}

iframe {
height:210px;
}

#loginTitle {
height:210px;
margin-bottom: 2px;
height:25px;
text-align: center;
padding-top:6px;
}

#login {
height:80px;
margin-bottom: 40px;
padding-top:22px;
}

input.login, .pass, .go{
border: 1px solid #FFFFC9; 
background-color: #191919; 
height: 20px;
color: #FFFFC9;
}

.login{
width: 159px;
margin-left: 31px;
}
.pass{
width: 130px;
margin-left: 10px;

}
.go{
margin-top:2px;
padding-bottom: 10px;
height: 22px;
}

#loginTexte{
float:right;
width:420px;
margin-top:0px;
margin-left:350px; 
}

/*------------------------------Page contact page------------------------------*/
#adresse{
float:left;
border:1px solid #FFFFC9;
width:260px;
height:292px;
padding-left:15px;
padding-top:5px;
margin-left:0px;
margin-top:50px;
}

#adresse p{
margin-top:12px;
font-size:15px;
}

#google-frame{
float:left;
border:1px solid #FFFFC9;
margin-left:300px;
margin-top:-300px;
height:300px;
width:450px;
}

.agrandir{
float:right;
color:#FFFFC9;
margin-right:25px;
margin-top:-30px;
font-size:12px;
}

.photo-contact{
border:1px solid #FFFFC9;
}

#separation5{
float:left;
padding-top:10px;
background-image:url('images/separation.png');
width:1px;
height:200px;/* 269px */
margin-left:65px;
margin-right:65px;
margin-top:65px;
}

#formulaire{
position:relative;
z-index:5;
margin-top:-60px;
}

.separationContact{
height:1px;
width:750px;
margin-top:30px;
margin-left:0px;
}

#menu-photo{
float:left;
width:760px;
height:300px;
margin-left:0px;
margin-top:-100px;
}

#content-photo1{
float:left;
width:165px;
height:180px;

margin-top:40px;
}

#formulaire{
float:left;
margin-left:0px;
}
/*------------------------------Page contact-----------------------------*/
#contentContact{
float:left;
}

#budget{
float:right;
margin-top:-75px;
margin-right:80px;
}

#question{
float:right;
margin-top:-139px;
margin-right:18px;
}

#trait{
float:left;
width:755px;
height:1px;
background-color:#FFFFC9;
}

.question{
height:50px;
width:415px;
}


#droite{
float:left;
margin-top:-178px;
margin-left:330px;
}

.go{
width:150px;
background-color:black;
}

#go{
float:right;
width:150px;
margin-right:20px;
margin-top:-20px;
}

/*------------------------------Page produit-----------------------------*/
#textProd{
position:relative;
float:left;
margin-left:300px;
margin-top:-100px;
width:437px;
text-align:justify;
z-index:5;
}

#textProd2{
float:left;
width:720px;
text-align:justify;
margin-top:-40px;
margin-left:42px;
text-align:justify;
}



/*------------------------------Page société------------------------------*/
#textSociety {
float:left;
width:450px;/* 768 -(4x10)-100 */
height:100px;
margin-left:42px;
margin-right:10px;
margin-top:10px;
text-align:justify;
}

#imgSociety{
background-image:url('images/history_top.jpg');
float:right;
width:256px;
height:183px;
margin-left:10px;
margin-right:10px;
margin-top:-115px;
}
#imgSociety1 {
background-image:url('images/history_bottom.png');
float:left;
width:616px;
height:220px;
margin-left:20px;
margin-right:10px;
margin-top:40px;
}
#textSociety1 {
width:550px;/* 768 -(4x10)-100 */
height:160px;
margin-left:180px;
margin-right:10px;
margin-top:10px;
text-align:justify;
}

#textSociety p{

text-align:justify;
}

#textSociety1 p{

text-align:right;
}



/*
------------------------------------------------------------------------------------------------------------------------
						SOUS-MENU
------------------------------------------------------------------------------------------------------------------------
*/
.sousMenu {
text-decoration:none;
color:#FFFFC9;
}

a:hover.sousMenu {
text-decoration:none;
}

#containerMenu {
clear:both;
width:768px;
text-align:center;
padding-left:22px;
margin-top:-15px;
}

#linksMenu {
font-family: Arial;
float:left;
border:1px;
border-style:solid;
border-color:#FFFFC9;
width:96px;
margin-right:6px;
}

/*
------------------------------------------------------------------------------------------------------------------------
						FOOTER
------------------------------------------------------------------------------------------------------------------------
*/
#footer {
float:left;
font-family:arial, sans serif;
font-size: 8pt;
background-image:url('images/footer.jpg');
width:748px;/*768px;*/
height:88px;/*108px;*/
padding-top:20px;
padding-left:20px;
margin-right:20px;
}

.footer {
color:#FFFFC9;
text-decoration:none;
}

.footerNA {
color:#7A7A60;
text-decoration:none;
}

#logoFooter {
float:left;
background-image: url('images/logo_footer.png');
width:25px;
height:34px;
margin-top:5px;
}

#madeIn {
float:left;
color:#7A7A60;
padding-top:15px;
margin-left:10px;
}

#legalMention {
float:right;
height:30px;
padding-top:15px;
margin-right:20px;
padding-left:40px;
}


/*--------------------Mention legale------------------*/

#mention{
width:700px;
height:300px;
overflow:auto;
scrollbar-face-color:#fff; 
scrollbar-highlight-color:#303636; 
scrollbar-shadow-color:#303636; 
scrollbar-3dlight-color:#303636; 
scrollbar-arrow-color:#303636; 
scrollbar-track-color:#303636; 
scrollbar-darkshadow-color:#303636; 
float:left;
margin-left:30px;
margin-top:0px;
text-decoration:none;
}

.titleMention{
float:left;
color:white;
font-size:12pt;
font-weight:700;
margin-top:10px;
}
#bar2{
float:left;
background-image:url(../picture/bar.jpg); 
background-repeat:no-repeat;
width:250px;
height:2px;
margin-top:10px;
margin-left:130px;
}