/*
Theme Name : Pragma Corporate  
Theme URI: http://wordpress.org/
Description: Le thème par défaut de WordPress, a été modifié par SURFLIBRE.
Version: 0.1
Author: Surflibre
Author URI: http://www.surflibre.net/
Tags: blue, custom header, fixed width, two columns, widgets 

Pragma v0.1
http://www.surflibre.net

This theme was designed and built by Vivien,
whose blog you will find at surflibre.net

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


*/

/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*background-image: url('images/pragma_home_page_01.jpg');background-position : center;*/background-color:#003156;
color: #000000;
text-align: center;
}

#page { MARGIN: 0px auto;   width: 1000px; height:auto;
text-align: left; 
}

#header {background:  url('images/Pragma_Industries_SiteCorporate_Final2_02.jpg') no-repeat bottom center;
margin: 0 0 0 0px;
padding: 0;
height: 169px;
width: 1000px;
}

#headerimg 	{
margin: 0px 0px 0px 0px;
height:  auto;
width: auto;
}

#content {
font-size: 1.2em
}

.widecolumn .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
text-align: center;
}

.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

border-left: 1px solid #ddd;
}

#footer {
background: url('images/footer_new_07.jpg') no-repeat; height:28px; text-align:center;border: none;}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

#headerimg .description {
font-size: 1.2em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.entry p a:visited {
color: #faad09;
}

.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}

a:hover {
color: #147;
text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}

#page {
background-color: white;
margin: 0px auto;
padding: 0;
width: 1000px;
border: 1px solid #959596;
}

 

#headerimg {
margin: 0;
height: auto;
width: 100%;
}

.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}

.post {
margin: 0px 0px 0px 0px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: both;
}

.clear {
clear: both;
}

#footer {
padding: 0;
margin: 0 auto;
width: 1000px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */



/*Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}

h2 {
margin: 30px 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */



/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 0px;
list-style: none;/*
padding-left: 10px;
text-indent: -10px;*/
}

html>body .entry li {
/*
margin: 7px 0 8px 10px;*/
}

.entry ul li:before, #sidebar ul ul li:before {
/*content: "\203A \0020";  met le >> devant les liens */
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {width: 200px;  
margin: 0px 0px 0px 780px ; float:left
/*padding: 5px 3px;*/ 
}

#sidebar #searchform #s {
width: 108px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

/*reinjection by surflibre*/

/*general*/

.bold{font-weight: bold;}
.normal{font-weight: normal;}
.line{ text-decoration:underline}
.noir { color: #000000}
.blanc { color: #FFFFFF}
.orange{ color: #faad09}
.gris{ color:#706464}
.rouge{ color:#da2a36}
.vert{ color:#b1e52c}
.blue{color:#015886} 
.bleu{color:#015886} 
.neuf{ font-size:10px;}
.dix{ font-size:10px;}
.onze{ font-size:11px;}
.douze{ font-size:12px;}
.treize{ font-size:13px; }
.quatorze{ font-size:14px;}
.seize{ font-size:16px;}
.dixhuit{ font-size:18px;}
.vingtquatre{ font-size:24px;}
.vingtdeux{ font-size:22px;}
.underline{text-decoration:underline}
a.link{ text-decoration:none}
a:hover.link{text-decoration: underline}
a.link_line{ text-decoration:underline}
a:hover.link_line{text-decoration: none}
a.nolink{ text-decoration:none}
a:hover.nolink{text-decoration: none}
/*debug iphone fontsize iphone safari*/
div,table,tr,td,p,a,ul,li{;-webkit-text-size-adjust:none ;}

/*charte couleur site*/
.orange_pragma{color: #faad09}
.blue_pragma{color: #015886}

a.orange{ text-decoration:none; color: #faad09}
a:hover.orange{text-decoration: underline; color: #faad09}

#searchform_bloc{float: left;margin: -72px 0px 10px 0px ;}
#logo_pragma{float: left;margin: 0px  0px 0px  0px; width:290px; height:100px }
#animatedportfolio{float: left;margin: 30px  0px 0px  20px;  width:464px; height:261px}
#breadcrumb{ position:absolute;margin: 115px  0px 0px  35px; }

form {margin-top:0px;margin-left:0px;margin-bottom:0px;margin-right:0px}
/*home page*/
#home_middle1{background:   url('images/bck_middle_home.jpg');width: 498px;height: 346px; float: left;margin:0px 0px 0px 1px}
#home_middle2{background:  url('images/bck_middle_home2.jpg');width: 500px;height: 346px;float: left}
#home_middle2_title{ width: 300px;height:auto;  color:#FFF; font-weight:bold; font-size:14px; float:left; margin:45px 0px 0px 20px; }
#home_middle2_contents{ width: 450px; height:300px; color:#FFF;   font-size:11px; float:left; margin:0px 0px 0px 20px;}
#home_middle2_but_see_news{ width: 150px; height:30px; position:absolute; margin :288px 0px 0px 44px;  }
#content_home {background:url('images/bck_repeat_middle.jpg');width:998px;height: 400px; background-repeat:repeat-x;   }
#home_middle3{background:  url('images/pragma_home_page_14.jpg') no-repeat;width: 998px;height: 210px  ;float: left;}
#home_middle3_txt{margin :65px 0px 0px 260px;height: auto; width:235px;color:#919191;font-size:11px;float:left;  hspace:10px}
#home_middle3_title{ font-size:14px}
#home_middle3_links{margin : 85px 0px 0px 0px;height: 77px;width:500px;float:left}
#home_middle3_links li{display: inline;float: left;width:100px; text-align:center   }
#home_middle2_contents .widget_categoryposts li a { color:#FAAD09; font-weight:bold}
/*content*/
#content{width:1000px;margin: 0px 0px 0px 0px ;background-image :none;background-color:#FFF; float:left}
/*about*/
#middle_about {/*background:   url('images/pragma_industries_about_03.jpg');*/width:998px;height: auto; float: left;margin :0px 0px 0px 0px; }
#menu_about {float: left;background:url('images/Pragma_Industries_bck_middle_blue.jpg');;width:998px;height: auto; background-repeat:repeat-x; text-align:center; margin :0px 0px 0px 1px; }
#menu_about ul{ margin-left: auto;  margin-right: auto;  width: 90%;  text-align: left;  margin-top:20px;  margin-bottom:20px}
#menu_about li{display: inline;float: left;width:150px; color:#FFF; font-size:12px; font-weight:bold; text-align:center    }
#content_about {float: left;background:url('images/bck_repeat_middle.jpg'); background-color:#FFF;width:998px;height: auto; background-repeat:repeat-x;margin :0px 0px 0px 1px;   }
 /*products*/
#middle_products {width:1000px;height: auto; float: left;margin :0px 0px 0px 0px; }
#menu_products {float: left;background:url('images/Pragma_Industries_bck_middle_blue.jpg');;width:998px;height: auto; background-repeat:repeat-x; text-align:center; margin :0px 0px 0px 1px; }
#menu_products ul{ margin-left: auto;  margin-right: auto;  width: 90%;  text-align: left;     }
#menu_products li{display: inline;float: left;width:170px; color:#FFF; font-size:12px; font-weight:bold; text-align:center    }
#content_products {float: left;background:url('images/bck_repeat_middle.jpg'); background-color:#FFF;width:998px;height: auto; background-repeat:repeat-x;  text-align: center; margin-left:1px  }
#content_products #menu_storage li{display: inline;float: left;width:115px;}

.content_products_categorie {  float:left;background:url('images/back_cellules_produits_categories.png') no-repeat;
	background-position:0 0 100%;
	z-index:10;
	height:auto; width:600px; float:left; clear:both; margin: 20px 0px 0px 200px ;  }

.content_products_categorie_txt {float:left; width:450px; text-align:left; margin: 10px 0px 0px 10px ;}
.content_products_categorie_picture{float:left; width:103px;height: auto;margin: 10px 0px 0px 10px ; }
.content_products_categorie_txt2 {float:left; width:450px; text-align:left;margin: 10px 10px 0px 10px ;}
.content_products_categorie_picture2{float:left; width:103px;height:102px;margin: 10px 0px 40px 0px ; }
.content_products_categorie_picture_bck_png{float:left; width:103px;height:102px;margin: 10px 0px 0px 10px ;background:url('images/vignette_rub.png') no-repeat;  }
.content_products_categorie_picture_bck_png img{ padding:2px 0px 0px 2px }
.readmore_content_products_categorie{ position:absolute;margin: 100px 0px 0px 123px ;}
.content_products_categorie_txt p{margin:0 0 0 0}

.vignette_prod {float:left; width:262px;height:221px;margin: 10px 0px 0px 10px ;background:url('images/vignette_prod.png') no-repeat; }
.vignette_prod img{ padding:2px 0px 0px 2px }
.vignette_gallery {float:left; width:43px;height:43px;margin: 10px 0px 0px 10px ;background:url('images/vignette_gallery.png') no-repeat; }
.vignette_gallery img{ padding:2px 0px 0px 2px }

.content_products_categorie_img_bottom {  float:left;/*background:url('images/back_cellules_produits_categories_bottom.png') no-repeat;*/
	height:7px; width:600px; float:left; clear:both; margin: 0px 0px 20px 200px ;  }
/**menu_mycarousel*/
#menu_mycarousel { float:left; margin-left: 210px;  margin-right: auto;  width: 70%;  text-align: left;  margin-top:20px;  margin-bottom:20px }
/*flags translate*/
ul.qtrans_language_chooser{ float: right;margin :-35px 15px 0px 0px ;list-style-type: none;width:60px}
ul.qtrans_language_chooser li{display: inline;float: left; width:20px;  }
li {  list-style: none;}
.post{margin: 0px 0px 0px 0px ;}
/*reports*/
#middle_reports {/*background:   url('images/pragma_industries_about_03.jpg');*/width:1000px;height: auto; float: left;margin :0px 0px 0px 0px; padding :0px 0px 0px 0px}
#menu_reports { float:left;background:url('images/Pragma_Industries_bck_middle_blue.jpg');width:998px;height: auto; background-repeat:repeat-x; text-align:center; margin :0px 0px 0px 1px;}
#menu_reports ul{    margin-left: auto;  margin-right: auto;  width: 70%;  text-align: left;  margin-top:20px;  margin-bottom:20px   }
#menu_reports li{display: inline;float: left;width:150px; color:#FFF; font-size:12px; font-weight:bold; text-align:center    }
#content_reports { float:left;background:url('images/bck_repeat_middle.jpg'); background-color:#FFF;width:998px;height: auto; background-repeat:repeat-x; ;margin :0px 0px 0px 0px;}
#content_scientific {float:left;background:url('images/bck_repeat_middle.jpg');width:998px;height:auto;background-repeat:repeat-x; ;margin :0px 0px 0px 0px;}
#middle_contact {/*background:   url('images/pragma_industries_about_03.jpg');*/width:1000px;height: auto; float: left;margin :0px 0px 0px 0px; }
#top_contact {background:url('images/bck_contact.jpg');width:998px;height: 484px;;width:998px;  background-repeat:repeat-x; text-align:center; margin :0px 0px 0px 1px; float:left; }
#form_contact  {float: left;margin: 20px 0px 0px 110px ;width:420px;height:400px; text-align:left;}
input.toupiti_size{width:50px; height:18px }
input.piti_size{width:100px; height:18px }
input.ti_size{width:130px; height:18px }
.piti_message_size{width:380px; height:100px }
#form_contact .name_size{width:180px; height:18px }
#form_contact .longtext_size{width:380px; height:18px }
#form_contact .message_size{width:380px; height:100px }
#adress_contact {float: left;margin: 0px 0px 0px 35px ;width:250px;height: auto; color:#FFF; font-size:11px; text-align:left;}
#partners_contact {float: left;margin: -100px 0px 0px 270px ;width:250px;height: 200px; color:#FFF; font-size:11px; text-align:left}
#text_contact  {float: left;margin:  10px 0px 0px 35px ;width:400px;height: 133px; color:#FFF; font-size:0.9em;-webkit-text-size-adjust:none ; text-align:left}
#content_contact {background:url('images/bck_repeat_middle.jpg'); background-color:#FFF;width:998px;height:auto;background-repeat:repeat-x;float: left; ;margin :-5px 0px 0px 1px;   }

#content_legal { float:left;background:url('images/bck_repeat_middle.jpg'); background-color:#FFF;width:998px;height: auto; background-repeat:repeat-x; ;margin :0px 0px 0px 1px; text-align:left  }
#content_legal_txt {  ;margin :20px 100px 0px 100px; text-align:left  }

.surflibre_addany{ padding-top:5px; vertical-align:bottom}

.admin_box { position:absolute;background:url('images/bck_top_amin_menu2.png') no-repeat; width:326px; height: 13px ; margin:0px 0px 0px 200px }
.admin_box  li{display: inline;float: left; width:85px; }

.admin_box a{ color:#FFF;   }
.admin_box a:hover{ background-color:#999; color:#FFF;   }

#footer .newsletter input[type="text"]{ float:left; margin:2px 0 0 0px; border:0; height:16px; padding:0 0 2px 0 }
#footer .newsletter input[type="submit"]{ float:left; margin:0px 0 0 0px; height:20px}
#footer .newsletter p{ margin:0; padding:0}

.home .newsletter input[type="text"]{ float:left; margin:54px 0 0 150px}
.home .newsletter input[type="submit"]{ float:left; margin:54px 0 0 3px}

.home .widgettitle{ display:none}

#newsletter_footer{  width:79px; height:25px;   }
#home_middle2_but_newsletter{ width:79px; height:25px;position:absolute; margin :283px 0px 0px 204px; }

#user_account { position:absolute;  height: 44px;
    margin-left: 950px;
    position: absolute;
    text-align: center;
    width: 50px; /*display:none*/}

.f_left{ float:left}
.f_right{ float:right;width: 600px; margin:0 100px 10px  0;color: #706464;font-size: 11px;}
.bloc_image_prod{width:280px; height:600px}
.a_left{ text-align:left}
.v_center img{vertical-align: middle}
.gallery_accessories{ width:850px;  margin-left: 80px;	}
.vignette_accessory{ float:left; background:#D8D8D8;  border-radius: 5px;	; width:180px; min-height:250px; z-index:1; margin:10px;  padding:5px;  -moz-box-shadow: 5px 5px 9px #aaa; 
  -webkit-box-shadow: 5px 5px 9px #aaa; 
  box-shadow: 5px 5px 9px #D8D8D8}
  .vignette_accessory .img_access{ width:175px; text-align:center}
.but_prod{ clear:both;  margin-left: 9px;}