/*
+--------------------------------------------------------------------------
|   ProLingua v2.0.0
|   =================================================
|   by Benjamin Camara
|   © 2010 - Pixelcreatif
|   http://www.bcamara.com/pixelcreatif
|   =================================================
|   Web: http://www.bcamara.com/pixelcreatif
|   Email: ...
|   Licence Info: http://www.bcamara.com/pixelcreatif
|   =================================================
|   This program is free software; you can redistribute it and/or
| 	 modify it under the terms of the GNU General Public License as
| 	 published by the Free Software Foundation; either version 2 of
|   the License, or (at your option) any later version.
+---------------------------------------------------------------------------
|
|   > Admin Home
|   > Module written by Benjamin Camara
|   > Date started: 26th January 2010
|
|   > Module Version Number: 1.0.0
|   > 14.01.2010 - Prolingua Site renewed in version 2.0
+--------------------------------------------------------------------------
*/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */

@charset "utf-8";
/* CSS Document */

html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body {
    font: normal .70em verdana, arial, sans-serif;
    background: #f2f1df url(bg.jpg) repeat-x;
    color: #47433F;
}

p {
    padding: 0 0 20px 0;
    line-height: 1.7em;
    *line-height: 20px;                                         /* target only IE7 and older browsers */
    *font-family: verdana, arial, sans-serif;                   /* target only IE7 and older browsers */
    *font-size: 11px;                                           /* target only IE7 and older browsers */
    *font-weight: normal;                                        /* target only IE7 and older browsers */
}

h1 {
    margin: 0 0 15px 0;
    padding: 15px 20px 5px 0;
    font: normal 175% "lucida sans unicode", arial;
    color: #362c20;
}
h2 {
    padding: 10px 0 15px 0;
    font: normal 120% verdana;
    color: #b60000;
}
h3 {
    padding: 0 0 15px 0;
    font: italic 95% verdana;
    color: #888;
}
h4 {
    margin: 10px 0 2px 0;
    font: 20px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #4C4847;
}
h5 {
    margin-bottom: 10px;
    font: italic 120% verdana;
    color: #b60000;
}
h6 {
    margin: 10px 0 2px 0;
    font: bold 15px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #4C4847;
    clear: both;            /* à cause des blogs */
}

.sep_line {
    width: 100%;
    margin: -20px 0 30px 0;
    border-bottom: 1px dotted #CDCAA3;
}
a, a:hover {
    outline: none;
    text-decoration: none;
    color: #A4AA04;
/*    color: #7c8e05;*/
}
a:hover {
    text-decoration: underline;
}

/* images */
img {
	border: 1px solid #cbc8a1;
    margin-top: 0px;
/*    margin: 5px 0 5px 0;*/
	padding: 5px;	
}

img.left
{ float: left;
  width: auto;
  margin-right: 15px;
}

img.right
{ float: right; 
  width: auto;
  margin-left: 15px;}

img.center
{ display: block;
  text-align: center;
  margin: 20px auto;}

img.no-border {
	border: none;
}

/* thumbs */
img.thleft
{ float: left;
  width: auto;
  margin-right: 10px;
  *margin-right: 8px;                                                /* target only IE7 and older browsers */
}

img.thright
{ float: right; 
  width: auto;
  margin-left: 10px;
  *margin-left: 8px;                                                 /* target only IE7 and older browsers */
}
blockquote {
    margin: 20px 0;
    padding: 10px 20px 0 20px;
    *padding: 10px 0px 0 5px;                                         /* target only IE7 and older browsers */
    background: #fcfcf3;
    border: 1px dashed #c7c4ab;
}
.normalchar {
	font: normal 11px Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	color: #444;
}
.citation {
    float: left;
    width: 750px;
    height: auto;
    margin: 40px 0 20px 0;
    padding: 0 0 0 20px;
    font: 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
    background: transparent;
}

/*
ul
{ margin: 2px 0 22px 30px;}

ul li
{ list-style-type: square;
 margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;}

ol
{ margin: 8px 0 22px 30px;}

ol li
{ margin: 0 0 11px 0;}
*/
ul, ol {
  margin: 3px 30px;
  padding: 0 15px;
}

ul li, ol li
{
  padding: 0 0 6px 6px;
}

/*=================================================================================*/

#container {
    margin-left: auto;
    margin-right: auto;
/*border: 1px solid #c00;*/
}

#header {
	float: none;
	width: 1004px;
	height: 224px;
    margin: 0 auto;
    padding: 0;
	background: url(logo_banner.jpg) no-repeat;
/*border: 1px solid #c00;*/
}
#home {
	position: absolute;
    margin: 30px 0 0 0;
    *margin: 0px 0 0 -920px;                                                /* target only IE7 and older browsers */
}
.homepro {
    display: block;
	width: 1000px;
	height: 130px;
}


/*
#home {
	position: absolute;
	width: 1000px;
	height: 130px;
	top: 30px;
	left: 100px;
border: 1px solid #c00;
}
#home a {
	display: block;
	width: 1000px;
	height: 130px;
}
*/


#top_menu {
	float: left;
	width: 425px;
	height: 25px;
	margin: 0px;
    padding: 0 0 0 579px;
}

.gotop {
    float: right;
    border: none;
}
.top_option1, .top_option2, .top_option3, .top_option4 {
	float: left;
	height: 16px;
    margin: 0;
    padding: 9px 0 0 22px;
    font: normal 9px arial, sans-serif;
	color: #090909;
	text-decoration: none;
}
.top_option1 {
	width: 45px;
	background: url(topmenu_01.png) no-repeat;
}
.top_option2 {
	width: 88px;
	background: url(topmenu_02.png) no-repeat;
}
.top_option3 {
	width: 75px;
	background: url(topmenu_03.png) no-repeat;
}
.top_option4 {
	width: 72px;
	background: url(topmenu_04.png) no-repeat;
}
.top_option1:hover, .top_option2:hover, .top_option3:hover, .top_option4:hover  {
	color: #af0602;
	text-decoration: none;
}

#menubar
{
	float: left;
	width: 620px;
	height: 34px;
    margin: 138px 0 0 354px;
/*    *margin: 138px 0 0 180px;                                       /* target only IE7 and older browsers */
    *margin: 138px 0 0 300px;                                       /* target only IE7 and older browsers */
	padding: 0px;
    background: transparent;
/*border: 1px solid #0f0;*/
}

ul#menu
{
    float: right;
    height: 34px;
    margin: 0;
    padding: 0;
    font: bold 11px arial, sans-serif;
	color: #FFFFFF;
}
ul#menu li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#menu li a
{
    display: block;
    float: left;
    width: auto;
    height: 14px;
    padding: 12px 16px 8px 16px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: transparent;
} 
ul#menu li a.first {border-left: 1;}
ul#menu li a.last {border-right: 1;}
ul#menu li a:hover, ul#menu li.tab_selected a, ul#menu li.tab_selected a:hover
{
    height: 14px;
	padding-top: 12px;
	background-color: #353131;
}

#site_content {
    overflow: hidden;
    width: 947px;
    margin: 0px auto;
    clear: both;
    background: transparent;
/*border: 1px solid #0c0;*/
} 

#leftside {
    float: left;
    width: 340px;
    *width: 351px;
    margin: 0;
    padding: 0;
}

#sidebar {
    float: left;
    width: 160px;
    padding: 0 10px 20px 10px;
}
.left_popup {
	float: left;
	width: 145px;
	height: 136px;
	margin: 0px;
    padding: 20px 0 0 26px;
    font: normal 18px arial, sans-serif;
	color: #353131;
	text-decoration: none;
	background: url(left_popup.jpg) no-repeat;
}
.left_head {
    font: bold 18px arial, sans-serif;
	color: #7c8e06;
	text-decoration: none;
}
.news_area {
	float: left;
	width: 161px;
	margin: 0px;
    padding: 0 0 25px 0;
    font: normal 10px arial, sans-serif;
	color: #655f5f;
	text-decoration: none;
}
.news_area p {
    line-height: 12px;
}
.news_text {
	width: 150px;
    padding: 0;
	*font-family: Arial;                                   /* target only IE7 and older browsers */
	*font-size: 10px;                                      /* target only IE7 and older browsers */
	*font-weight: normal;                                  /* target only IE7 and older browsers */
}
.news_head {
	margin: 0px;
    padding: 0 0 5px 20px;
    font: bold 11px arial, sans-serif;
	color: #af0602;
	text-decoration: none;
	background: url(news_icon.png) no-repeat;
}
.news_head a {
	color: #af0602;
}
.news_head a:hover {
	text-decoration: underline;
}
.news_link, .news_link:hover {
	float: left;
	width: 130px;
	height: 16px;
    margin: 5px 0 0 0;
    padding: 0 10px;
    font: normal italic 11px arial, sans-serif;
	color: #7f9200;
    text-align: right;
	text-decoration: none;
	background-color: #FFFFFF;
    border-bottom: none;
}
.news_link:hover {
	color: #af0602;
}

#gray_strip {
	float: left;
	width: 160px;
    margin: 0px;
    padding-top: 22px;      /* hauteur de l'image de fond */
    padding-bottom: 20px;
	background: url(gray_bg_top.png) no-repeat;
}
.gray_strip_body {
	float: left;
	width: 140px;                                       /* target only IE8 + Firefox browsers */
	*width: 150px;                                      /* target only IE7 and older browsers */
    margin: 0;
    padding: 0 10px 0 10px;                             /* target only IE8 + Firefox browsers */
    *padding: 0 8px 0 10px;                            /* target only IE7 and older browsers */
    font: normal 10px verdana, arial, sans-serif;
    color: #ddd;
	background: url(gray_bg.png) repeat-y;
/*border: 1px solid #00f;*/
}
.gray_strip_body p {
    padding-top: 5px;
    line-height: 14px;
	*font-family: verdana;                                 /* target only IE7 and older browsers */
	*font-size: 10px;                                      /* target only IE7 and older browsers */
	*font-weight: normal;                                  /* target only IE7 and older browsers */
    clear: both;
}
.events_head {
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0 0 10px 0;
    font: normal 11px verdana, sans-serif;
	color: #adaa75;
	text-decoration: none;
}
.events_head1 {
    font: bold 17px Arial, sans-serif;
	color: #a7c101;
	text-decoration: none;
}
.gray_strip_bot {
	float: left;
	width: 160px;
    height: 22px;
	background: url(gray_bg_bot.png) no-repeat;
}
.gray_strip_line {
    margin: -15px 0 20px 0;
	background: url(bk_dotted.gif) repeat-x left bottom;
} 

#content
{
    float: left;
    width: 584px;
    *width: 580px;                                      /* target only IE8 + Firefox browsers */
    margin: 0;
    padding: 0 5px 0 15px;                              /* target only IE8 + Firefox browsers */
    *padding: 0 0px 0 8px;                              /* target only IE7 and older browsers */
/*border: 1px solid #00c;*/
}

#content h1 { 
	background: url(bk_dotted.gif) repeat-x left bottom;
}
#content .spacer {
	height: 40px;
}
#panel {
    float: left;
    width: 540px;
    height: auto;
    margin: 0 0 20px 0;
    padding: 20px;
    color: #4C4847;
    border-bottom: 1px solid #CDCAA3;
    border-left: 1px solid #CDCAA3;
    border-right: 1px solid #CDCAA3;
    background: url(bg_panel.png) 0 0 no-repeat #FEFDF0;
/*border: 1px solid #0c0;*/
}
#panel h2 {
    width: 470px;
    height: auto;
    margin: 10px 0 20px 0px;
    padding: 0 0 10px 70px;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
/*    background: url(icon1.jpg) 0 0 no-repeat;*/
/*    background: url(icon_compass.png) 0 0 no-repeat;*/
    background: url(pl_flag.png) 0 0 no-repeat;
    border-bottom: 1px dotted #CDCAA3;
/*border: 1px solid #0c0;*/
}
#panel h2 span {
    font-size: 20px;
    color: #5D5B46;
    background: #FCFBED;
}
.catalog {
	float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
    text-align: center;
	background: url(pdf2.gif) no-repeat;
}
.identity_panel {
	float: left;
	width: 340px;
	height: 150px;
	margin: 0px 0 10px 0px;
	padding: 80px 0 0 0;
    font: normal bold 10px Arial, serif;
	color: #ebe9d6;
    text-align: center;
	background: url(panel.png) no-repeat;
}
.identity_panel p, .catalog p {
    padding: 5px 0 3px 0;
    line-height: 12px;
}

.box_links {
    float: left;
    width: 490px;
    margin: 20px 0 0 0;
    padding: 0;
}
.box_links a {
    color: #af0602;
}
.box_links a:hover {
    text-decoration: underline;
}
.box_image {
    float: left;
    width: 270px;
    margin: 20px 0px 0px 20px;
    padding: 0;
    font-style: italic;
    text-align: right;
}
.box_image p {
    padding: 5px 0 3px 0;
    line-height: 12px;
}
.box_text {
    float: left;
    width: 750px;
    margin: 20px 10px 30px 0px;
    padding: 20px;
    clear: both;
	background: url(bg_text_panel.png) no-repeat;
    border: 1px solid #e8e4c7;
}
.box_text .sstitre2, .box_text .sstitre3 {
    float: left;
    width: 750px;
    height: auto;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    background: transparent;
}
.box_text .sstitre2 {
    margin: 5px 0 20px 0;
    font-size: 22px;
    color: #af0602;
    border-bottom: 1px dotted #cdcaa3;
}
.box_text .sstitre3 {
    margin: 5px 0;
    font-size: 20px;
    color: #333;
}
.box_text .sstitre5 {
    font: italic normal 14px verdana;
    color: #b60000;
}
.box_text p {
    padding: 5px 0 10px 0;
}
.box_text ul li {
    padding: 2px 0 5px 0;
    line-height: 1.7em;
}
.box_text .redlink {
    color: #af0602;
}
.box_suggess {
    float: left;
    width: 790px;
    margin: 20px 10px 0px 0px;
    line-height: 20px;
}
/*
.box_flash {
    float: left;
    width: 489px;
    height: 132px;
    margin: 20px 10px 10px 150px;
    *margin: 20px 10px 10px 70px;
    padding:  4px 2px 2px 4px;
    border: 3px solid #e8e4c7;
}
*/
.box_suggess p {
    padding: 5px 0 3px 0;
}
.box_suggess ul li {
    padding: 0;
}
.box_blogs {
    float: left;
    width: 608px;
    margin: 10px 0 0 0;
    padding: 0;
    clear: both;
}
.box_videos {
    float: left;
    width: auto;
    margin: 10px 0px 0px 20px;
    padding: 0;
}
.blogs_line {
    float: left;
    width: 100%;
    margin: 10px 0 30px 0;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}
.blogs_link {
    float: left;
    width: 590px;
    margin: 0 0 5px 0;
    padding: 3px 0 0 22px;
    overflow: hidden;
	background: url(comment.png) left bottom no-repeat;
}
.videos_link {
    float: left;
    width: 590px;
    margin: 0 0 5px 0;
    padding: 3px 0 0 22px;
    overflow: hidden;
	background: url(film.png) left bottom no-repeat;
}

#page_left {
/*    overflow: hidden;*/
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_sejours.png) no-repeat;
}
#page_content {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_sejours.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#page_content h1, #page_content h2, #page_content h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#page_content h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#page_content h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#presentation_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_presentation.png) no-repeat;
}
#presentation {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_presentation.png) no-repeat;
} 
#presentation h1, #presentation h2, #presentation h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#presentation h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#presentation h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#contact_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_contact.png) no-repeat;
} 
#contact {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_contact.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#contact h1, #contact h2, #contact h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#contact h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#contact h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#paysformules_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_paysformules.png) no-repeat;
} 
#paysformules {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_paysformules.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#paysformules h1, #paysformules h2, #paysformules h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#paysformules h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#paysformules h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#datestarifs_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_datestarifs.png) no-repeat;
} 
#datestarifs {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_datestarifs.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#datestarifs h1, #datestarifs h2, #datestarifs h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#datestarifs h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#datestarifs h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#fichesinscription_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_fichesinscription.png) no-repeat;
} 
#fichesinscription {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_fichesinscription.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#fichesinscription h1, #fichesinscription h2, #fichesinscription h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#fichesinscription h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#fichesinscription h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}
#preinscription_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_preinscription.png) no-repeat;
} 
#preinscription {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_preinscription.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#preinscription h1, #preinscription h2, #preinscription h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#preinscription h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#preinscription h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#blogsvideos_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_blogsvideos.png) no-repeat;
} 
#blogsvideos {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_blogsvideos.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#blogsvideos h1, #blogsvideos h2, #blogsvideos h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#blogsvideos h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#blogsvideos h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#infos_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_infos.png) no-repeat;
} 
#infos {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_infos.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#infos h1, #infos h2, #infos h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#infos h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#infos h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}

#checkout_left {
    float: left;
    width: 100px;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
	background: url(bg_left_checkout.png) no-repeat;
} 
#checkout {
    float: left;
    width: 790px;
    margin-left: 10px;
    padding: 20px;
    *padding: 10px;
    *font: normal 11px verdana;
	background: url(bg_checkout.png) no-repeat;
/*border: 1px solid #0c0;*/
} 
#checkout h1, #checkout h2, #checkout h3 {
    width: 790px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color: #7c8e05;
    background: transparent;
}
#checkout h2 {
    padding-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted #cdcaa3;
}
#checkout h3 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #af0602;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}
.checkout_line {
    float: left;
    width: 100%;
    margin: 0px 0 10px 0;
    clear: both;
    border-bottom: 1px dotted #cdcaa3;
}
.checkout_button {
    float: left;
    width: 100%;
	margin: 0px; 
	padding: 0px; 	
    text-align: center;
}
.checkout_button form {
    width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0;
    background: #e8e4c7;
	border: 1px solid #fefdf1;
}
.checkout_button form input { 
	margin: 0; 
	padding: 2px 3px; 	
	font: bold 1em Arial, Sans-serif; 
	color: #fff;
	background-color: #8b9f07;
	border: 1px solid #cdcaa3;
}
.checkout_button form input:hover { 
	margin: 0; 
	padding: 2px 3px;
	font: bold 1em Arial, Sans-serif; 
	color: #fff;
    cursor: pointer;
	background-color: #af0602;
	border: 1px solid #cdcaa3;
}


/* start - table */
table {
	border-collapse: collapse;
    width: 708px;
	margin: 2px;
    font: normal 10px verdana, arial, sans-serif;
}

th strong {
	color: #362c20;
}
th {
	background: #e8e4c7;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #362c20;
	text-align: left;
}
tr {
	height: 30px;
    background: #f2f1df;
}
td {
    padding: 5px 11px;
	border: 1px solid #fefdf1;
}
td span {
	padding: 5px;
	font: normal 10px Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
}

/* end - table */

/* form elements */
form {
    width: 712px;
	margin: 15px;
	padding: 0;
	background: #fefdf1;
	border: 1px solid #cdcaa3; 
}
form p {
    padding-top: 15px;
}
label {
/*	display:block;*/
    width: 200px;
	font-weight: bold;
	margin: 3px 0;
}
.requis {
    color: #af0602;
}
input {
	padding: 2px;
	border: 1px solid #cdcaa3;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
	color: #666;
    line-height: 14px;
}
textarea {
	display:block;		
	width: 460px;
	height:100px;
	padding:2px;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	color: #666;
	border: 1px solid #cdcaa3;
}
input.button { 
	margin: 0; 
	padding: 2px 3px; 	
	font: bold 1em Arial, Sans-serif; 
	color: #fff;
	background-color: #8b9f07;
	border: 1px solid #cdcaa3;
}
input.button:hover { 
	margin: 0; 
	padding: 2px 3px;
	font: bold 1em Arial, Sans-serif; 
	color: #fff;
    cursor: pointer;
	background-color: #af0602;
	border: 1px solid #cdcaa3;
}

/*  ----------------------------------- Footer  ------------------------------- */
#footer {
	float: left;
	width: 100%;
	height: 120px;
    margin: 0 auto 0 auto;
	padding: 0px;
    font: normal bold 12px Tahoma, "Times New Roman", Times, serif;
	font-variant: normal;
	color: #dcd66e;
	text-transform: none;
	text-decoration: none;
	background: url(footer.jpg) center top repeat-x;
}

#footer a, #footer a:hover {
    color: #fff;
    text-decoration: none;
    background: transparent;
}
#footer a:hover {
	color: #c2c093;
}
.footer_links {
	float: left;
	width: 100%;
	height: 40px;
	margin: 0px;
	padding: 20px 0 0 0;
    font: normal normal 11px Arial, serif;
	font-variant: normal;
	line-height: normal;
	color: #fefefe;
	text-transform: none;
	text-decoration: none;
}
.footer_copyrights {
	float: left;
	width: 100%;
	height: 38px;
	margin: 0px;
	padding: 0px;
    font: normal normal 10px Arial, serif;
	font-variant: normal;
	line-height: normal;
	color: #c2c093;
	text-transform: none;
	text-decoration: none;
}
.footer_designed, {
	float: left;
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 15px 0 0 0;
	*padding: 0px;                                              /* target only IE7 and older browsers */
    font: normal normal 11px Arial, serif;
	font-variant: normal;
	line-height: normal;
	color: #fefefe;
	text-transform: uppercase;
	text-decoration: none;
}
.footer_designed1, .footer_designedlink, .footer_designedlink:hover {
    font: normal bold 11px Arial, serif;
	line-height: normal;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #d0b003;
}
.footer_designedlink {
	color: #fefefe;
}

/*======================================  End CSS style  ============================================*/