@import "menu.css"; 
@import "curvy.css";

*{
margin:0;
padding:0;
}
body , html
                {
                margin :0px 0px 0px 0px;
                padding :0px 0px 0px 0px;
                height:100%;
                background: scroll #fff url(images/charte/degrade.jpg) left top repeat-x;
                scrollbar-base-color:#EDF8FE;
                text-align:center;
                }
a
                                {
                                cursor: pointer;
                                }
#container
                {        
                text-align:left;
                display: table;
                margin-left:auto;
                margin-right:auto;
                width:990px;
                height:100%;
                background: scroll url(images/charte/fondpage.jpg) 70px 30px repeat-y;
                }
*+html #container{
min-height:100%; /*---obligatoire pour le footer:IE7---*/
height:auto !important;/*---obligatoire pour le footer:IE7---*/
}
#header
                {
                float:left;
                width:990px;
                height:170px;
                /*margin-top:30px;*/
                }
#menuhaut
                {
                float:left;
                width:920px;
                height:45px;
                padding-left:70px;
                background: scroll url(images/charte/menu.jpg) left top no-repeat;
				z-index:500;
                }
				
				
				
/******************* video ***************************/

#video{
	margin-top: 40px;

}

/************* cadre client left **********************/
#client
                {
                float:left;
                width:180px;
                height:270px;
                padding-left:10px;
                padding-right:15px;
                padding-top:29px;
                background: scroll url(images/charte/formulaire3.jpg) 10px top no-repeat;
                text-align:center;
                }        
#okclient
                {
                float:left;
                padding-left:16px;
                }
*html #okclient
                {
                padding-top:2px;
                }
*+html #okclient
{
 padding-top:2px;
}
#client p
                {
                float:left;
                margin:0px;
                padding:0px 0px 0px 55px;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:10px;
                font-weight:normal;
                color:#006FA5;
                display:block;
                }
#client a:link, #client a:visited
                {
				font-weight:bold;
                text-decoration:underline;
                color:#006FA5;
                }
#client a:hover, #client a:active
                {
				font-weight:bold;
                text-decoration:none;
                color:#006FA5;
                }
#client input
                {
                border:1px solid #B2E3FB;
                margin-bottom:3px;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:11px;
                color:#099EEE;
                width:140px;
                height:19px;
               text-indent:2px;
                }
*html #client input
                {
                margin-bottom:0px;
                }
#client input#okButton
                                {
                                width: 38px;
                                height: 27px;
                                border: 0;
                                }
#client #textIdentifie
                                {
                                font-family: verdana;
                                font-size: 11px;
                                color: #0771A5;
                                text-align: left;
                                padding-left: 12px;
                                padding-right: 12px;
                                height: 80px;
                                }
#textSupp
                                {
                                position: relative;
                                top: 10px;
                                left: 65px;
                                width: 140px;
                                height: 15px;
                                float: left;
                                font-family: arial;
                                font-size: 10px;
                                text-align: left;
                                }
#textSupp a:link, #textSupp a:visited
                {
                text-decoration:none;
                color:#006FA5;
                }
#textSupp a:hover, #textSupp a:active
                {
                text-decoration:underline;
                color:#006FA5;
                }
/***************** bas de page *********************************/
#basdepage
                {
                margin-left:auto;
                margin-right:auto;
                width:990px;
                height:85px;
                position:relative;
                background: scroll url(images/charte/baspage.jpg) left top no-repeat;
                text-align:left;
                }
#basdepage p
                {
                float:left;
                margin:0px;
                padding:28px 0px 0px 241px;
                font-family: Arial, Helvetica, sans-serif;
                font-size:11px;
                letter-spacing:0.1em;
                font-weight:normal;
                color:#006FA5;
                display:block;
                }
#idep
                {
                float:left;
                padding-left:70px;
                padding-top:38px;
                width:71px;
                height:17px;
                }
/************************ contenu *****************************/
#centre
                {
                float:left;
                /*width:667px; */
                width:665px;
                padding-right:120px;
                height:auto;
                text-align:justify;
                /*border:1px red solid; */
                }
#centre h1
                {
                margin:0px;
                padding:30px 0px 10px 0px;
                font-family:Arial, Helvetica, sans-serif;
                font-size:18px;
                font-weight:bold;
                text-transform:uppercase;
                color:#006FA5;
                }
#centre h2
                {
                margin:0px;
                padding:0;
                font-family:Arial, Helvetica, sans-serif;
                font-size:14px;
                font-weight:bold;
               /* text-transform:uppercase; */
                color:#006FA5;
                }
#centre h2 b
                {
                font-size:16px;
                }
#centre h3
                {
                text-align:right;
                margin:10px 0 15px 0;
                padding:0 10px 2px 0px;
                font-family:Arial, Helvetica, sans-serif;
                font-size:16px;
                font-weight:bold;
               /* text-transform:uppercase; */
                color:#089CF0;
               /* color:#006FA5; */
                border-bottom:3px #006fa5 double;
                }
#centre h3 b
                {
                font-size:16px;
                }
#centre h4
                {
                text-align:left;
                margin:0 0 0 15px;
                padding:0 0 3px 0;
                font-family:Arial, Helvetica, sans-serif;
                font-size:13px;
                font-weight:500;
               /* text-transform:uppercase; */
                color:#006FA5;
                }
#centre h5
                {
                text-align:left;
                margin:0 0 15px 0px;
                padding:0 0 3px 6px;
                font-family:Arial, Helvetica, sans-serif;
                 font-size:14px;
                font-weight:bold;
                letter-spacing:0.10em;
                color:#001C39;
                border-left:4px #006FA5 solid;
              /* border-bottom:1px #006FA5 solid; */
                }
#centre p
                {
                margin:0 0 15px 0;
                padding:0px 0px 0px 3px;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:0.75em;
                /*line-height:14px; */
                line-height:22px;
                color:#001C39;
                text-indent:15px;
                }
#centre p a.lien
        {
        color:#001C39;
        font-weight:bold;
        text-decoration:none;
        }
#centre p a:hover.lien
        {
        color:#001C39;
        font-weight:500;
        text-decoration:none;
        }
.text-normal
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.75em;
        color:#001C39;
        /*text-align:center; */
        }
.text-petit
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.55em;
        color:#001C39;
        /*text-align:center; */
        }
ol.num1
                {
                line-height:22px;
                list-style-type: decimal;
                text-align:left;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:0.75em;
                color:#001C39;
                letter-spacing:0.04em;
                }
ul.simple
                {
                line-height:22px;
                list-style-type:circle;
                text-align:left;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:0.75em;
                color:#001C39;
                letter-spacing:0.04em;
                }
.image_left
        {
         float:left;
         height:auto;
         margin:0 15px 0 0;
         padding:0;
        }
.image_right
        {
         float:right;
         height:auto;
         margin:0 0 0 15px;
         padding:0;
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.60em;
        color:#001C39;
        }
.telecharge-pdf
        {
         float:right;
         height:16px;
         margin:0 0 0 15px;
         padding:0 0 0 18px;
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.60em;
        line-height:1.6em;
        color:#001C39;
          background: scroll url(images/charte/pdf.gif) left 0 no-repeat;
        /* border:1px red solid; */
        }
.telecharge-pdf a,
.telecharge-pdf a:hover
        {
        color:#001C39;
        text-decoration:none;
        }
.bleu
        {
        color:#00A1F2;
        }
.blanc
        {
        color:#fff;
        }

hr 
        {
        clear: both;
        visibility: hidden;
        }
#centre #quatreimages
        {
         float:left;
         width:665px;
         height:auto;
        }
#centre #quatreimages .image
        {
        float:left;
        width:159px;
        height:auto;
        padding:0;
        margin:0 9px 0 0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.60em;
        color:#001C39;
        /*text-align:left; */
        }
#centre #hautdepage
        {
         float:left;
         width:665px;
         height:8px;
         text-align:right;
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.70em;
        color:#001C39;
        }
#centre #hautdepage a
        {
        color:#001C39;
        text-decoration:none;
        }
#centre #hautdepage a:hover
        {
        color:#001C39;
        text-decoration:underline;
        }
		
	
/****************** DERNIERE MISE A JOUR ****************************/
	
*html #der-maj {
width:550px;
}		
		
#der-maj {
background-color:#0B8ED6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
width:650px;
padding: 5px 10px 10px 10px;
margin-bottom:40px;
}

#der-maj H3 {
color:#FFFFFF;
border-bottom:2px #fff solid;
text-align:left;
}


#der-maj li {
color:#FFFFFF;
font-weight:bold;
font-size:12px;
list-style:inside square;
}

#der-maj a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

#der-maj a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}

#der-maj a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}





/************* form *********************/
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #099eee solid;
        padding:0;
        margin:2px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#001C39;
        background-color:#eef9ff;
        text-align:justify;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:165px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:165px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:165px;
        }
*html .forminput,
*html .formtextareadress,
*html .formtextareacomment
        {
         width:160px;
        }
.formbt
        {
        border:1px #099eee solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
         font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#001C39;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        background-color:#fff;
        }

/*** CATALOGUE ****/

a:link#voirPanier, a:visited#voirPanier
                {
                font-family: verdana;
                font-size: 10px;
                font-weight: bold;
                text-decoration:none;
                color:#006FA5;
                }
a:hover#voirPanier, a:active#voirPanier
                {
                text-decoration:underline;
                color:#006FA5;
                }

                #navigation a,
#navigation a:visited {
        color: blue;
        text-decoration: none:
}
#navigation a:hover {
        color: blue;
        text-decoration: underline:
}

.prixBarre {
        font-size: .9em;
        text-decoration: line-through;
}
table#catalogue th {
        border-top: 1px solid #545454;
        border-bottom: 1px solid #545454;
}
table#catalogue td {
        border-bottom: 1px solid #CDCDCD;
}
table#catalogue {
        font-size: 12px;
        font-family: verdana;
}
table#catalogue legend {
        text-align: center;
}

.bullRed { font-weight: bold; color: red; }
.bullOrange { font-weight: bold; color: orange; }
.bullGreen { font-weight: bold; color: green; }
.bullClear { font-weight: bold; color: #EEF9FF; }

form#formRecherche {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:normal;
        color:#006FA5;
}
form#formRecherche input{
        border:1px solid #B2E3FB;
        margin-bottom:3px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#099EEE;
        width:140px;
        height:15px;
        text-indent:2px;
}
form#formRecherche input#okButton {
        width: 31px;
        height: 20px;
        border: 0;
        vertical-align: top;
}


/************* PANIER *******************/
#logolem {display: none;}
table#tablePanier {
        width: 100%
}
table#tablePanier th {
        border-top: 1px solid #545454;
        border-bottom: 1px solid #545454;
}
table#tablePanier td {
        border-bottom: 1px solid #CDCDCD;
}
table#tablePanier {
        font-size: 12px;
        font-family: verdana;
}

table#tablePanier input.qte {
        border:1px solid #B2E3FB;
        margin-bottom:3px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#099EEE;
        width:45px;
        height:15px;
        text-indent:2px;
        text-align: center;
}

table#tablePanier tr.totalZone td, table#tablePanier tr.totalZone th {
        border: 0;
}

select#typeCommande {
        border:1px solid #B2E3FB;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#099EEE;
        width: auto;
        height:15px;
        text-indent:2px;
}
.recalcul {
        cursor: pointer;
}

#adressePanier {
        font-family: verdana;
        font-size: 12px;
        width: 100%;
        text-align: left;
        margin-bottom: 30px;
}

#dateEdition { display: none; }

.liste_pdf {
	width:40%;
	float:left;
	text-align:left;
	margin:0 25px;}

.liste_pdf a {
	font-family:font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-decoration:none;
color:#006FA5;
font-weight:bold;
	text-transform:uppercase;
}
.liste_pdf a:hover {
	text-decoration:underline;}

.liste_pdf ul {
	list-style-type:square;
	margin:0;
	padding:0}